原文: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 小矢量图 : 主页,返回,加,减,文字按钮,左移,右移的更多相关文章

  1. 如何让input number类型的标签不产生上下加减的按钮

    之前用 input type="number" 来放数字框,发现有个上下加减的东西,感觉不太好 这个容易出现0 然后减为负数 这种情况下怎么去掉右边的那个上下加减的小按钮呢?前端同 ...

  2. [转]微信小程序之购物数量加减 —— 微信小程序实战商城系列(3)

    本文转自:http://blog.csdn.net/michael_ouyang/article/details/70194144 我们在购买宝贝的时候,购物的数量,经常是我们需要使用的,如下所示: ...

  3. 【小程序开发】购物车加减几件demo

    <!-- 主容器 --> <view class="stepper"> <!-- 减号 --> <text class="{{m ...

  4. html如何让input number类型的标签不产生上下加减的按钮(转)

    添加css代码: <style> input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit- ...

  5. WPF学习笔记-用Expression Design制作矢量图然后导出为XAML

    WPF学习笔记-用Expression Design制作矢量图然后导出为XAML 第一次用Windows live writer写东西,感觉不错,哈哈~~ 1.在白纸上完全凭感觉,想象来画图难度很大, ...

  6. 利用机器学习实现微信小程序-加减大师自动答题

    之前有看到微信小程序<跳一跳>别人用python实现自动运行,后来看到别人用hash码实现<加减大师>的自动答题领取娃娃,最近一直在研究深度学习,为啥不用机器学习实现呢?不就是 ...

  7. Android内存控制小技巧-使用矢量图来节省你的内存并简化你的开发。

    先上一个 位图和矢量图的 说明.http://zhidao.baidu.com/link?url=xwvs5CBzWeh15O3Ee4bICwCqg4PCQWwg5oZ0a6CVydbVZzufqrI ...

  8. Vue(小案例_vue+axios仿手机app)_购物车(二模拟淘宝购物车页面,点击加减做出相应变化)

    一.前言 在上篇购物车中,如果用户刷新了当前的页面,底部导航中的数据又会恢复为原来的: 1.解决刷新,购物车上数值不变                                         ...

  9. 微信小程序——购物车数字加减

    上一篇,我们有讲到如何造一个购物车弹层.今天来说一下,购物车数量的加减如何实现. 主要思路就是在data里面定义一个属性,属性值就是这个数量.点击+的时候就+1,点击-的时候就-1,再结合setDat ...

随机推荐

  1. 如何使用 PyCharm 将代码上传到远程服务器上(详细图解)

    说明:该篇博客是博主一字一码编写的,实属不易,请尊重原创,谢谢大家! 一丶测试说明 1.通过Windows电脑上的PyCharm,将代码上传到虚拟机Ubuntu系统中 需要在虚拟机中安装Ubuntu的 ...

  2. MongoDb 查询时常用方法

    Query.All("name", "a", "b");//通过多个元素来匹配数组Query.And(Query.EQ("name ...

  3. [Nuxt] Display Vuex Data Differently in Each Page of Nuxt and Vue.js

    You often use the same data in different ways across pages. This lesson walks you through setting up ...

  4. [Flexbox] Use Flex to Scale Background Image

    In this lesson we will use Flexbox to scale a background image to fit on the screen of our React Nat ...

  5. 10、V4L2摄像头获取单幅图片测试程序(MMAP模式)

    #include <stdio.h>#include <stdlib.h>#include <string.h>#include <assert.h> ...

  6. 【26.83%】【Codeforces Round #380C】Road to Cinema

    time limit per test1 second memory limit per test256 megabytes inputstandard input outputstandard ou ...

  7. [Javascript] Validate Data with the Every() Method

    The every method returns true or false based on whether or not every item in the array passes the co ...

  8. 【Nutch2.2.1基础教程之6】Nutch2.2.1抓取流程 分类: H3_NUTCH 2014-08-15 21:39 2530人阅读 评论(1) 收藏

    一.抓取流程概述 1.nutch抓取流程 当使用crawl命令进行抓取任务时,其基本流程步骤如下: (1)InjectorJob 开始第一个迭代 (2)GeneratorJob (3)FetcherJ ...

  9. TF-IDF模型

    TF-IDF模型 1. 理论基础 由于数据挖掘所有数据都要以数字形式存在,而文本是以字符串形式存在.所以进行文本挖掘时需要先对字符串进行数字化,从而能够进行计算.TF-IDF就是这样一种技术,能够将字 ...

  10. warning C4996: 'fopen': This function or variable may be unsafe.(_CRT_SECURE_NO_WARNINGS)

    在 windows 平台下的 visual studio IDE,使用 fopen 等 CRT 函数(C runtime library(part of the C standard library) ...