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 ...
随机推荐
- (转)30 IMP-00019: row rejected due to ORACLE error 12899
IMP: row rejected due IMP: ORACLE error encountered ORA: value too large , maximum: )导入日志报 IMP: 由于 O ...
- 使用wepy开发微信小程序商城第三篇:购物车(布局篇)
使用wepy开发微信小程序商城 第三篇:购物车(布局篇) 前两篇如下: 使用wepy开发微信小程序商城第一篇:项目初始化 使用wepy开发微信小程序商城第二篇:路由配置和页面结构 基于上两篇内容,开始 ...
- 快速理解Java中的五种单例模式(转)
解法一:只适合单线程环境(不好) package test; /** * @author xiaoping * */ public class Singleton { private static S ...
- Windows Vista下UIPI和Windows消息的故事(UIPI默认情况下会禁止所有高于WM_USER的消息)
一. 什么是UIPI UIPI指User Interface Privilege Isolation(用户界面特权隔离),是Windows Vista 新引入的一种安全特性.用于拦截接收比自身进程MI ...
- python中有关字符串的处理
原文 Python 字符串操作(string替换.删除.截取.复制.连接.比较.查找.包含.大小写转换.分割等) 去空格及特殊符号 s.strip().lstrip().rstrip(',') 复制字 ...
- 那些移动端web踩过的坑2
原文链接:https://geniuspeng.github.io/2018/04/26/mobile-issues2/ 坑是无穷无尽的,嗯-长江后坑推前坑~~ 关于音频自动播放 H5的audio标签 ...
- Java算法--串的简单处理
题目例如以下: 串的处理 在实际的开发工作中.对字符串的处理是最常见的编程任务. 本题目即是要求程序对用户输入的串进行处理.详细规则例如以下: 1. 把每个单词的首字母变为大写. 2. 把数字与字母之 ...
- ios开发缓存处理类NSCash类的了解与使用
一:NSCash的基本了解 #import "ViewController.h" @interface ViewController ()<NSCacheDelegate&g ...
- js进阶js中支持正则的四个常用字符串函数(search march replace split)
js进阶js中支持正则的四个常用字符串函数(search march replace split) 一.总结 代码中详细四个函数的用法 search march replace split 二.js进 ...
- [内核编程] 4.1 技术原理 & 4.2 键盘过滤框架
4.1 技术原理 & 4.2 键盘过滤框架 4.1 预备知识 符号链接:符号链接其实就是一个“别名”.可以用一个不同的名字来代表一个设备对象(实际上),符号链接可以指向任何有名字的对象. Zw ...