学过 WPF 的都知道,在 WPF 中,为控件添加一个阴影效果是相当容易的. <Border Width="100" Height="100" Background="Red"> <Border.Effect> <DropShadowEffect /> </Border.Effect> </Border> 那么这样就会显示一个 100 宽.100 高,背景红色,带有阴影的矩形了.如下图所…
SplitView是Win10中的新控件. 用于呈现两部分视图. 一个视图是主要内容,另一个视图是用于导航.(也就是通常说的汉堡菜单.) 主要结构: <SplitView> <SplitView.Content> <!--主要内容--> </SplitView.Content> <SplitView.Pane> <!--汉堡菜单--> </SplitView.Pane> </SplitView> 对应的实例如图…
<ScrollViewer MaxHeight="400" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Hidden" BorderBrush="Transparent"> <ScrollViewer.Effect> <DropShadowEffect ShadowDepth="0" Col…
我们会使用控件拖动,可以让我们做出好看的动画,那么我们如何移动控件,我将会告诉大家多个方法.其中第一个是最差的,最后的才是我希望大神你去用. Margin 移动 我们可以使用Margin移动,但这是wr说不要这样做. We can move the control by Margin,but using this method is not recommended. 我们可以在xaml写一个Button,然后就使用左键获取鼠标,这个可以去看 win10 uwp 获取按钮鼠标左键按下 http:/…
先引入个小广告: 最近买了台小米盒子折腾下,发觉 UI 还是挺漂亮的,特别是主页那个倒影效果. (图随便找的,就是上面图片底部的那个倒影效果.) 好了,广告结束,回归正题,这个倒影效果我个人觉得是挺不错的,那么有没有办法在 Win10 中实现呢? 稍微分析了一下,大概层次是这样的: 简单点来说,就是倒影显示跟控件显示一样,然后往下翻转,再平移一下就好了.最后再对倒影加个渐变透明就 perfect 了. 翻转.平移都很容易,使用 RenderTransform 就可以了.麻烦就麻烦在如何让倒影的显…
先發個下載地址: http://yunpan.cn/cHuCqYzvsWFAL  访问密码 3470 說明一下.這個示例只是最簡單的演示,並不能提供太大的實用價值. 後面會介紹 Bing & Converter, Trigger, StoryBoard, 自定義控件等等. 那樣使用起來才算是比較得心應手. 先看下截圖. 1.SplitView & AppBar 左邊是ListView,導航欄,右邊是視圖區,使用Frame.Navigate 進行加載一個 Page. 2.Button &am…
本文主要说如何绑定InkCanvas,让笔画变化的时候我们可以知道. 我们本来的InkCanvas没有提供笔画绑定,所以我们自己写 using Windows.UI.Input.Inking; using Windows.UI.Xaml; using Windows.UI.Xaml.Controls; public static class InkCanvasBinder { public static InkStrokeContainer GetInkStrokes(DependencyObj…
工作需要,写了一个基于jquery的时间控件,仿win10系统时间控件格式. 目前基本功能都有了,但时间格式只实现少数,但由于结构设计已经充分优化,填充起来非常容易. 这个控件相对网上其他的时间控件,代码少,易阅读,修改拓展方便,也适合新手参考学习. if (typeof jQuery === 'undefined') { throw 'no jquery'; } (function () { window.UE_CONTROL_IDX = 0; $.fn.GetRect = function…
本文为个人博客备份文章,原文地址: http://validvoid.net/win2d-choosing-control-resolution/ 本文旨在讲解如何配置 Win2D XAML 控件使用的分辨率.下文将介绍如何: 使 Win2D 控件运行在固定的分辨率. 通过调整控件 DPI 减少渲染像素数以增强性能. 分辨率与控件缩放 本文中所用的“分辨率”一词,是指位图的尺寸(高宽). Win2D XAML 控件绘制的对象均有分辨率和 DPI 这两项属性.对象的 DPI 指示了绘制时其构成像素…
WPF常用控件应用demo 一.Demo 1.Demo截图如下: 2.demo实现过程 总体布局:因放大缩小窗体,控件很根据空间是否足够改变布局,故用WrapPanel布局. <ScrollViewer BorderBrush="BlueViolet"> <WrapPanel Margin="40,0,0,40"> </WrapPanel> </ScrollViewer> 窗体资源:同一种控件多处使用会有重复代码,为减…