WPF 小矢量图 : 主页,返回,加,减,文字按钮,左移,右移
原文:WPF 小矢量图 : 主页,返回,加,减,文字按钮,左移,右移
代码::
<UserControl x:Class="SQ.TestPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
mc:Ignorable="d"
d:DesignHeight="800" d:DesignWidth="800">
<Canvas Background="Gray">
<Label Canvas.Left="0" Canvas.Top="0"
Width="240" Height="100"
Content="确定"
FontSize="40" Foreground="White" >
<Label.Template>
<ControlTemplate>
<Border BorderBrush="White" BorderThickness="2" CornerRadius="40" Padding="20,0,20,0">
<ContentPresenter Content="{TemplateBinding ContentControl.Content}" HorizontalAlignment="Center" VerticalAlignment="Center" />
</Border>
</ControlTemplate>
</Label.Template>
</Label>
<Label Canvas.Left="475" Canvas.Top="35"
Width="120" Height="120" >
<Label.Template>
<ControlTemplate>
<Border BorderBrush="White" BorderThickness="2" CornerRadius="120">
<Path Fill="#FFFFFF" Data="M 50,65L 50,80 L 26 53L 50,23 L 50,40A 28,28 120 0 1 74,94A 15,14 0 0 0 50,65"></Path>
</Border>
</ControlTemplate>
</Label.Template>
</Label>
<Label Canvas.Left="330" Canvas.Top="45" Width="120" Height="120">
<Label.Template>
<ControlTemplate>
<Border BorderBrush="White" BorderThickness="2" CornerRadius="120">
<Path Fill="#FFFFFF" Data="M 60,20L72,32L72,25L82,25L82,42L95,56L 86,56L 86,92L 65,92L 65,74L 55,74L 55,92L 34,92L 34,56L 25,56L 60,20"></Path>
</Border>
</ControlTemplate>
</Label.Template>
</Label>
<Label Canvas.Left="0" Canvas.Top="200" Width="50" Height="80">
<Label.Template>
<ControlTemplate>
<Border BorderBrush="White">
<Path Fill="#FFFFFF" Data="M 0,0L0,80L50,40"></Path>
</Border>
</ControlTemplate>
</Label.Template>
</Label>
<Label Canvas.Left="150" Canvas.Top="200" Width="50" Height="80">
<Label.Template>
<ControlTemplate>
<Border BorderBrush="White">
<Path Fill="#FFFFFF" Data="M 50,0L50,80L0,40"></Path>
</Border>
</ControlTemplate>
</Label.Template>
</Label>
<Label Canvas.Left="300" Canvas.Top="200"
Width="50" Height="43">
<Label.Template>
<ControlTemplate>
<Border BorderBrush="White" BorderThickness="3">
<Path Stroke="#FFFFFF" StrokeThickness="5" Data="M22 6L22,32M8,19L36,19"></Path>
</Border>
</ControlTemplate>
</Label.Template>
</Label>
<Label Canvas.Left="400" Canvas.Top="200"
Width="50" Height="43">
<Label.Template>
<ControlTemplate>
<Border BorderBrush="White" BorderThickness="3">
<Path Stroke="#FFFFFF" StrokeThickness="5" Data="M8,19L36,19"></Path>
</Border>
</ControlTemplate>
</Label.Template>
</Label>
</Canvas>
</UserControl>
WPF 小矢量图 : 主页,返回,加,减,文字按钮,左移,右移的更多相关文章
- 如何让input number类型的标签不产生上下加减的按钮
之前用 input type="number" 来放数字框,发现有个上下加减的东西,感觉不太好 这个容易出现0 然后减为负数 这种情况下怎么去掉右边的那个上下加减的小按钮呢?前端同 ...
- [转]微信小程序之购物数量加减 —— 微信小程序实战商城系列(3)
本文转自:http://blog.csdn.net/michael_ouyang/article/details/70194144 我们在购买宝贝的时候,购物的数量,经常是我们需要使用的,如下所示: ...
- 【小程序开发】购物车加减几件demo
<!-- 主容器 --> <view class="stepper"> <!-- 减号 --> <text class="{{m ...
- html如何让input number类型的标签不产生上下加减的按钮(转)
添加css代码: <style> input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit- ...
- WPF学习笔记-用Expression Design制作矢量图然后导出为XAML
WPF学习笔记-用Expression Design制作矢量图然后导出为XAML 第一次用Windows live writer写东西,感觉不错,哈哈~~ 1.在白纸上完全凭感觉,想象来画图难度很大, ...
- 利用机器学习实现微信小程序-加减大师自动答题
之前有看到微信小程序<跳一跳>别人用python实现自动运行,后来看到别人用hash码实现<加减大师>的自动答题领取娃娃,最近一直在研究深度学习,为啥不用机器学习实现呢?不就是 ...
- Android内存控制小技巧-使用矢量图来节省你的内存并简化你的开发。
先上一个 位图和矢量图的 说明.http://zhidao.baidu.com/link?url=xwvs5CBzWeh15O3Ee4bICwCqg4PCQWwg5oZ0a6CVydbVZzufqrI ...
- Vue(小案例_vue+axios仿手机app)_购物车(二模拟淘宝购物车页面,点击加减做出相应变化)
一.前言 在上篇购物车中,如果用户刷新了当前的页面,底部导航中的数据又会恢复为原来的: 1.解决刷新,购物车上数值不变 ...
- 微信小程序——购物车数字加减
上一篇,我们有讲到如何造一个购物车弹层.今天来说一下,购物车数量的加减如何实现. 主要思路就是在data里面定义一个属性,属性值就是这个数量.点击+的时候就+1,点击-的时候就-1,再结合setDat ...
随机推荐
- django-rest-framework框架 第二篇 之Mixin扩展类
Mixin扩展类 ['列表操作','过滤','搜索','排序'] <一>:<1>创建项目: 配置 urls 主路由 配置model文件(举个例子,就以book为模 ...
- GPUImage ==> 一个基于GPU图像和视频处理的开源iOS框架
Logo 项目介绍: GPUImage是Brad Larson在github托管的开源项目. GPUImage是一个基于GPU图像和视频处理的开源iOS框架,提供各种各样的图像处理滤镜,并且支持照相机 ...
- 1、移动端 2、后台 3、 移动端,Web 端 4、 PC端
移动端: 1.公众号:停开心 住总物业 2.app: iso Android 停开心,住总停开心 后台:停开心智慧停车管理平台(所有的停车场) 移动端,Web端: 海投OA,公司OA PC端:收费软 ...
- 3、linux下Socket编程-TCP/UDP
1.什么是Socket 网络的 Socket数据传输是一种特殊的I/O,Socket也是一种文件描述符.Socket也具有一个类似于打开文件的函数调用Socket(),该函数返 回一个整型的Socke ...
- python爬虫(一)抓取 色影无忌图片
原文地址: http://www.30daydo.com/article/56 由于平时爱好摄影.所以喜欢看看色影无忌论坛的获奖摄影作品,所以写了个小script用来抓取上面的获奖图片,亲自測试能够使 ...
- 关于.c和.h 和定义变量的问题
最初调试的时候是因为有个错误在wavplay.h文件中 于是我跳到了recorderl.h中:从图中看到引用了main.h 出现这个问题的具体原因还是不太清楚: 不过我任务是因为: wavplay.h ...
- (十四)RabbitMQ消息队列-启用SSL安全通讯
原文:(十四)RabbitMQ消息队列-启用SSL安全通讯 如果RabbitMQ服务在内网中,只有内网的应用连接,我们认为这些连接都是安全的,但是个别情况我们需要让RabbitMQ对外提供服务.这种情 ...
- 【搜索引擎Jediael开发笔记】V0.1完整代码 2014-05-26 15:16 443人阅读 评论(0) 收藏
详细代码请见 E:\Project\[重要]归档代码\SearchEngine归档代码 或 https://code.csdn.net/jediael_lu/jediael/tree/10991c83 ...
- 【死磕Java并发】—–J.U.C之AQS(一篇就够了)
[隐藏目录] 1 独占式 1.1 独占式同步状态获取 1.2 独占式获取响应中断 1.3 独占式超时获取 1.4 独占式同步状态释放 2 共享式 2.1 共享式同步状态获取 2.2 共享式同步状态释放 ...
- Java CPU使用率过高分析
http://note.youdao.com/publicshare/?id=d02cba2714709d4d4fe8a8627fc1cf41&type=note#/ (友情提示:本博文章欢迎 ...