在写一个看新闻软件的时候,用到了SemanticZoom控件,遇到了一些问题,比如如何根据首字母分类,以及放大视图中有数据的和没数据的通过背景色或前景色区分,幸运的是,all solved. 先来个效果图 主要是参考了msdn的一篇博客,地址已经放在参考链接里了. 首先是一个SemanticZoom控件,这个控件有ZoomedInView和ZoomedOutView两种视图. ZoomedOutView视图就是这个 而ZoomedInView视图就是一个带有列表头的列表的样子,还是上个图好了,我…

11.1.5 SemanticZoom实现分组列表 SemanticZoom控件可以让用户实现一种更加高级的列表,这种列表可以对列表的项目进行分组,同时这个SemanticZoom控件会提供两个具有相同内容的不同视图,其中有一个是主视图,另外一个视图可以让用户进行快速导航的分组视图.例如,Windows Phone里面的人脉通讯录列表就是使用SemanticZoom控件实现的. SemanticZoom控件支持对GridView和ListView控件的视图效果进行缩放,在SemanticZoom…

参考了 http://www.cnblogs.com/zhanggaoxing/p/6403430.html,并加以改进. 最终效果::: Thumb 的原生事件 DragStarted,DragDelta,DragCompleted.DragStarted 和字面意思差不多,开始拖动的时候发生的.DragDelta 拖动进行中,只要你鼠标不放就会一直进行.DragCompleted 拖动结束后发生. 首先需要在合适的页面敲上一个 <Thumb />,给它个 Name="RootTh…

目录 说明 WebView存在的价值 使用WebView的几个重要技巧 使用WebView做的聊天框 说明 大家都知道,无论是之前的Winform.WPF还是现在的IOS.Android开发中,都存在一个极其牛茶但是被很多人用错了的控件:Web浏览控件.各个平台中的叫法不同,但是作用类似:能够加载显示HTML.UWP开发中同样存在这样的一个控件:WebView.往大了说,用它可以做一个简单浏览器,但是这篇博客并不打算教大家怎样用它开发一款UWP浏览器,因为我认为它存在的价值并不在此.当然了,你要…

UWP提供的AutoSuggestBox本身非常好用,在项目中经常用到,但是当我们使用时发现一下不人性化的设置,例子1如下: <Page x:Class="SelfInkCanvas.AutoBoxTest" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml&qu…

1. 前言 在WPF中,很多打开下拉框(Popup或Flyout)选择一个结果值的控件,除了ComboBox等少数例外,这种控件都以-Picker做名称后缀.因为要打开关闭下拉框和计算下拉框的弹出位置, 这类控件实现起来还挺麻烦的.Silverlight Toolkit中贴心地提供了一个Picker控件,可以作为这类控件的基类,省略了大量代码. 2. 现在的问题 由于UWP中有Flyout,-Picker控件的实现其实算是相当轻松的.如ColorPicker的官方文档就介绍了使用Flyout承载…

最近我的uwp需要有一个有声朗读的功能,like this 点击声音按钮就可以有声朗读了.这里主要是用了媒体播放的控件. 一般我们把需求分为两种: 一种是不需要呈现播放器的样子,只需要用户点击一下别的按钮,播放器会在后台播放.像我上面的图一样,不需要展现播放器的样子. 第二种是传统的播放器,需要展现系统播放器的样子,例如进度条等,音量键,停止键等.例如下图最普通的播放器 第一种用的是MediaElement控件. 第二种用的是MediaTransportControls控件. 一:MediaEl…

本文主要讲一个在绘图中,我们会有一个基础的控件,Line.控件的基本使用和他能做出的我们很多时候需要的界面. 虽然是一个简单控件,但是可以做出很诡异的很好看的UI. 首先,我们要知道,Line就是画直线.当然我们画他一般是在Canvas中. 我们先在一个页面新建一下,写下必要的代码. <Grid Margin="10,10,10,10"> <Canvas> </Canvas> </Grid> 首先我们需要确定直线坐标,用X1X2,Y1Y2…

看见没,点击"Options"按钮,浮动出来一个界面,这个界面可以用xaml自定义. 如果要点击的控件又Flyout属性那么,可以直接按照下面用 <Button Content="Click me"> <Button.Flyout> <Flyout> <TextBlock Text="This is a flyout!"/> </Flyout> </Button.Flyout>…

今天用一个Pivot控件的时候,想修改一下它的Header样式,却发现用Blend和VS无法导出它的默认样式了,导致无法下手,不知道是不是Blend的bug. 在网上搜了一下,在MSDN上还是找到了它的默认样式的,位置如下:https://msdn.microsoft.com/en-us/library/windows/apps/mt299142.aspx.其它的控件默认样式这个地址上也有,如果有需要的可以查询一下.…