原文:WPF案例 (三) 模拟QQ"快速换装"界面 这个小程序使用Wpf模拟QQ快速换装页面的动画特效,通过使用组合快捷键Ctrl+Left或Ctrl+Right,可实现Image平滑的向左或者向右滑动,页面如下,有兴趣的朋友可以下载源码 在构建这个示例的3D场景时,使用了ModelVisual3D和Model3DGroup元素,ModelVisual3D是一个3D容器类,用来包含3D元素,在这里使用Model3DGroup打包了3个GeometryModel3D,每个Geometry…
原文:WPF制作的小时钟 周末无事, 看到WEB QQ上的小时钟挺可爱的, 于是寻思着用WPF模仿着做一个. 先看下WEB QQ的图: 打开VS, 开始动工. 建立好项目后, 面对一个空荡荡的页面, 首先想下时钟是怎么构成的. 从图中看到, 时钟被一个黑色的圆环包围, 里面有12个代表小时的刻度线, 等比例的分布在圆环内侧. 中间有个小圆环, 是指针的中心. 3个小指针以圆的中心转动. 第一步, 画出外部的圆环:WPF里面只有椭圆, 怎么画出一个圆环形状呢, 其实很简单. 里面放个小圆, 外面放…
WPF制作的小型笔记本-仿有道云笔记 楼主所在的公司不允许下载外部资源, 不允许私自安装应用程序, 平时记录东西都是用记事本,时间久了很难找到以前记的东西. 平时在家都用有道笔记, 因此就模仿着做了一个, 先看下实际运行图片: 1. 初始化的时候 2.添加了些笔记 3. 添加笔记本窗口 4.改了模板,做的一个还算好看的菜单 5.日记列表可以选择不同的视图, 比如我改成了简单列表视图 6.模仿云笔记做的历史版本功能,只能看,还没做还原和对比功能 7.日记可以导出成不同格式,这个东西真心没用 8.顶…
需求:高度已知为200px,写出三栏布局,左栏和右栏各位200px,中间自适应,如下图所示: 方法一:float浮动布局 原理是:定义三个区块,需要注意的是中间的区块放在右边区块的下面,统一设置高度为200px,然后设置左边栏宽度为200px并且float:left,设置右边栏宽度为200px并且float:right 优点:兼容性比较好 缺点:float会脱离文档流,需要处理float周边的元素比如清除浮动 浮动布局的原理:查看浮动布局详解 <style> html *{ padding:…
最近在用WPF制作一款软件,需要像ps一样表示透明区域,于是制作了一个马赛克背景的style.实现比较简单,那么过程和思路就不表了,直接上代码 <DrawingBrush TileMode="Tile" Stretch="Uniform" ViewportUnits="Absolute" Viewport="0,0,16,16"> <DrawingBrush.Drawing> <DrawingGr…
原文:WPF入门(三)->几何图形之不规则图形(PathGeometry) (2) 上一节我们介绍了PathGeometry中LineSegment是点与点之间绘制的一条直线,那么我们这一节来看一下点与点之间绘制曲线ArcSegment 先来看一段代码 <Window x:Class="WPF.SimpleGraph.PathFill.Window1"        xmlns="http://schemas.microsoft.com/winfx/2006/xa…
原文:WPF入门(三)->几何图形之不规则图形(PathGeometry) 前面我们给大家介绍了LineGeometry,EllipseGeometry,CombinedGeometry等一些规则图形的使用方法,下面我们来看下如何使用PathGeometry来创建不规则图形 PathGeometry类:表示一个可能由弧.曲线.椭圆.直线和矩形组成的复杂形状. 下面先来看一段代码 <Window x:Class="WPF.SimpleGraph.PathFill.Window1&quo…
原文:WPF入门(三)->两个几何图形合并(CombinedGeometry) 在WPF中,提供了一个CombinedGeometry对象可以使两个几何图形合并产生效果 CombinedGeometry类:表示由两个 Geometry 对象组合定义的二维几何形状. 先来看一段代码: <Window x:Class="WPF.SimpleGraph.Combine"        xmlns="http://schemas.microsoft.com/winfx/2…
原文:WPF入门(三)->几何图形之矩形(RectangleGeometry) 我们可以使用RectangleGeometry来绘制一个矩形或者正方形 RectangleGeometry 类:描述二维矩形. 下面我们先来看一段代码: <Window x:Class="WPF.SimpleGraph.Rectangle"        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation&q…
原文:WPF入门(三)->几何图形之椭圆形(EllipseGeometry) 我们可以使用EllipseGeometry 来绘制一个椭圆或者圆形的图形 EllipseGeometry类: 表示圆或椭圆的几何图形. 下面来看一段代码: <Window x:Class="WPF.SimpleGraph.Ellipse"        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation&quo…