用XAML的绘图来做一个卡通蜡烛

最新推荐文章于 2021-11-24 16:28:38 发布
最新推荐文章于 2021-11-24 16:28:38 发布
阅读量112 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44547418/article/details/90579307
版权 
作者：孙英鹏   撰写时间：2019年5月25日

在学习高级绘图的过程中，由于发神经，利用绘图当中的图形来自做了一个卡通蜡烛，代码很简单，都是矩形和椭圆来进行拼接。

效果图：

在这里插入图片描述

首先在页面分行分列，形成四格，与可以不分（我是为了方便放图才分的），分好格子后就开始作图了，把你想要的图型先弄出来，再一个一个的合在一起，没什么技术含量的事，非常简单，就打发一下时间。

代码：

<Window x:Class="高级.dome2"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:高级"
    mc:Ignorable="d"
    Title="dome2" Height="300" Width="300" WindowStartupLocation="CenterScreen">
<Grid>
    <!--自定义行-->
    <Grid.RowDefinitions>
        <RowDefinition Height="5*"/>
        <RowDefinition Height="5*"/>
    </Grid.RowDefinitions>
    <!--自定义列-->
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="5*"/>
        <ColumnDefinition Width="5*"/>
    </Grid.ColumnDefinitions>
    <!--头部-->
    <Rectangle Width="100" Height="100" Fill="Orange" Stroke="Orange" StrokeThickness="3" RadiusX="10" RadiusY="20"  Grid.ColumnSpan="2" Margin="97,83,96.6,87.4" Grid.RowSpan="2"></Rectangle>

    <!--左眼 白-->
    <Ellipse  Stroke="Black" StrokeThickness="2" Fill="White" RenderTransformOrigin="0.764,0.325" Margin="105,129,17.8,119.4" Grid.RowSpan="2">
        <Ellipse.RenderTransform>
            <TransformGroup>
                <ScaleTransform/>
                <SkewTransform/>
                <RotateTransform Angle="89.081"/>
                <TranslateTransform X="4.353" Y="6.276"/>
            </TransformGroup>
        </Ellipse.RenderTransform>
    </Ellipse>
    <!--左眼 里黑-->
    <Ellipse Stroke="Black" StrokeThickness="2" Fill="Black" RenderTransformOrigin="0.764,0.325" Margin="112,130,22.8,130.4" Grid.RowSpan="2">
        <Ellipse.RenderTransform>
            <TransformGroup>
                <ScaleTransform/>
                <SkewTransform/>
                <RotateTransform Angle="89.081"/>
                <TranslateTransform X="4.353" Y="6.276"/>
            </TransformGroup>
        </Ellipse.RenderTransform>
    </Ellipse>

    <!--右眼 白-->
    <Ellipse  Stroke="Black" StrokeThickness="2" Fill="White" RenderTransformOrigin="0.764,0.325" Margin="11.2,128,111.6,120.4" Grid.RowSpan="2" Grid.Column="1">
        <Ellipse.RenderTransform>
            <TransformGroup>
                <ScaleTransform/>
                <SkewTransform/>
                <RotateTransform Angle="89.081"/>
                <TranslateTransform  Y="6.276"/>
            </TransformGroup>
        </Ellipse.RenderTransform>
    </Ellipse>
    <!--右眼 里黑-->
    <Ellipse  Stroke="Black" StrokeThickness="2" Fill="Black" RenderTransformOrigin="0.764,0.325" Margin="13.2,130,120.6,130.4" Grid.RowSpan="2" Grid.Column="1">
        <Ellipse.RenderTransform>
            <TransformGroup>
                <ScaleTransform/>
                <SkewTransform/>
                <RotateTransform Angle="89.081"/>
                <TranslateTransform X="4.353" Y="6.276"/>
            </TransformGroup>
        </Ellipse.RenderTransform>
    </Ellipse>

    <!--蜡烛头部上的柱子-->
    <Rectangle Fill="Orange" Stroke="Orange" StrokeThickness="3" Margin="138,69,136.6,51.2" RenderTransformOrigin="0.5,0.5" Grid.ColumnSpan="2">
        <Rectangle.RenderTransform>
            <TransformGroup>
                <ScaleTransform ScaleX="-1"/>
                <SkewTransform/>
                <RotateTransform Angle="179.798"/>
                <TranslateTransform/>
            </TransformGroup>
        </Rectangle.RenderTransform>
    </Rectangle>
    <Rectangle Fill="Orange" Stroke="Orange" StrokeThickness="3" Margin="121,69,6.8,51.2" RenderTransformOrigin="0.5,0.5">
        <Rectangle.RenderTransform>
            <TransformGroup>
                <ScaleTransform ScaleX="-1"/>
                <SkewTransform/>
                <RotateTransform Angle="179.798"/>
                <TranslateTransform/>
            </TransformGroup>
        </Rectangle.RenderTransform>
    </Rectangle>
    <Rectangle Fill="Orange" Stroke="Orange" StrokeThickness="3" Margin="3.2,69,120.6,51.2" RenderTransformOrigin="0.5,0.5" Grid.Column="1">
        <Rectangle.RenderTransform>
            <TransformGroup>
                <ScaleTransform ScaleX="-1"/>
                <SkewTransform/>
                <RotateTransform Angle="179.798"/>
                <TranslateTransform/>
            </TransformGroup>
        </Rectangle.RenderTransform>
    </Rectangle>
    <Rectangle Fill="Orange" Stroke="Orange" StrokeThickness="3" Margin="136,54,135.6,66.2" RenderTransformOrigin="0.5,0.5" Grid.ColumnSpan="2">
        <Rectangle.RenderTransform>
            <TransformGroup>
                <ScaleTransform ScaleX="-1"/>
                <SkewTransform/>
                <RotateTransform Angle="179.798"/>
                <TranslateTransform/>
            </TransformGroup>
        </Rectangle.RenderTransform>
    </Rectangle>
    <Rectangle Fill="Orange" Stroke="Orange" StrokeThickness="3" Margin="144,39,143.6,81.2" RenderTransformOrigin="0.663,1.392" Grid.ColumnSpan="2">
        <Rectangle.RenderTransform>
            <TransformGroup>
                <ScaleTransform ScaleX="-1"/>
                <SkewTransform/>
                <RotateTransform Angle="179.798"/>
                <TranslateTransform X="-0.048" Y="-26.774"/>
            </TransformGroup>
        </Rectangle.RenderTransform>
    </Rectangle>

    <!--火焰-->
    <Ellipse  Stroke="Black" StrokeThickness="2" Fill="Red" RenderTransformOrigin="0.764,0.325" Margin="142,11,140.6,102.2" Grid.ColumnSpan="2"/>
    
    <!--腊泪-->
    <Ellipse  Stroke="Black" StrokeThickness="2" Fill="Yellow" RenderTransformOrigin="0.764,0.325" Margin="37.2,100,101.6,22.2" Grid.Column="1"/>
    <Ellipse  Stroke="Black" StrokeThickness="2" Fill="Yellow" RenderTransformOrigin="0.764,0.325" Margin="32.2,3.8,109.6,118.4" Grid.Column="1" Grid.Row="1"/>
    <Ellipse  Stroke="Black" StrokeThickness="2" Fill="Yellow" RenderTransformOrigin="0.764,0.325" Margin="109,101,30.8,20.2"/>
    <Ellipse  Stroke="Black" StrokeThickness="2" Fill="Yellow" RenderTransformOrigin="0.764,0.325" Margin="112,4.8,29.8,117.4" Grid.Row="1"/>
    <Ellipse  Stroke="Black" StrokeThickness="2" Fill="Yellow" RenderTransformOrigin="0.764,0.325" Margin="28.2,33.8,112.6,88.4" Grid.Column="1" Grid.Row="1"/>
    <!--嘴巴-->
    <Rectangle Fill="Red" Stroke="Orange" StrokeThickness="3" RadiusX="10" RadiusY="20" Margin="109,21.8,107.6,97.4" RenderTransformOrigin="0.363,3.667" Grid.ColumnSpan="2" Grid.Row="1"/>
</Grid>
</Window>
孙英鹏
关注
WPF学习之绘图和动画
星火燎猿
11-13 5万+
如今的软件市场,竞争已经进入白热化阶段,功能强、运算快、界面友好、Bug少、价格低都已经成为了必备条件。这还不算完，随着计算机的多媒体功能越来越强，软件的界面是否色彩亮丽、是否能通过动画、3D等效果是否吸引用户的眼球也已经成为衡量软件的标准。 软件项目成功的三个要素是：资源、成本、时间。无论是为了在竞争中保持不败还是为了激发起用户对软件的兴趣，提高软件界面的美化程度、恰当的将动画和3D等效果引入
XAML绘图
drsdf的博客
03-08 335
XAML绘图 XAML绘图有两种方式：形状绘图和几何绘图 1.形状绘图 Shape是一个2D绘图类,位于System.Windows.Shape空间内。最常用的绘图对象有： line直线 Rectangle矩形 Ellipse椭圆 Polygon多边形等 图形对象共有属性Stroke Stroke（笔触）属性的数据类型是Brush(画刷)，说明如何绘制图形的轮廓，即所使用的画刷,凡是Brush的派生类均可用于给这个属性赋值。因为WPF提供了多种渐变色画刷，所以画直线也可以画出渐变效果。 Stro
XAML绘画
腻害
10-12 135
XAML绘画 Line：直线段，可以设置其笔触(Stroke)。 Rectangle：矩形，既有笔触，又有填充（Fill）。 Ellipse：椭圆，长、宽相等的椭圆即为正圆，既有笔触又有填充。 Polygon：多边形，由多条直线段围城的闭合区域，既有笔触又有填充。 Polyline：折线（不闭合），由多条首尾相接的直线段组成。 Path：路径（闭合区域），基本图形中功能最强大的一个，可由若干直线、圆弧、贝塞尔曲线组成。 日常工作中，常用的绘图容器是Canvas和Grid。 一、矩形 矩形由笔触（Stroke
XAML 高级绘图
weixin_44548814的博客
05-08 622
作者：王福驰 撰写时间：2019年 5月1日 开发工具与关键技术：XAML、WPF XAML的高级用法主要有四种： 第一种资源和样式、第二种图像处理、第三种高级绘图、第四种动画 在XAML的高级用法一的时候已经讲了资源样式和图像处理，接着讲高级绘图 主要有形状绘图和几何绘图 形状绘图和几何绘图区别： 形状绘图可以独立存在，可以独立绘制出具体需要的图形， 几何图形对象没有具体...
react-native-xaml:一个使用XAML控件的React Native Windows模块
03-07
一个可直接使用框架的React Native Windows视图管理器。 主要优势 如果开发人员熟悉XAML，则允许他们编写应用程序（面向Windows 10的React Native应用程序）快速入门。 开发人员不受今天在RNW和支持Windows的社区...
WPF使用XAML来搭建一个登录窗口
weixin_44540195的博客
08-09 1380
WPF使用XAML来搭建一个登录窗口 在Wpf项目中的学习中，在WPF中，我了解到常用的窗口页面布局元素有五个，分别为Grid网格，DockPanel泊靠式面板，StackPanel栈式面板，WrapPanel自动折行面板，Canvas画布。 使用grid网格布局，通常采用grid网格面板来进行布局，grid网格面板，就好比如一张格子网，将一个页面分隔成我们想要的行列，在其中放入具体的内容,控件，或其他布局元素进行组合呈现预想中的样子。 泊靠式面板：内部元素可以选择泊靠的方向（上下左右）。 栈式面板
C#_XAML绘图
weixin_50179860的博客
11-24 297
形状绘图 1、直线： 直线是最简单的图形。使用X1、Y1两个属性可以设置它的起点坐标，X2、Y2两个属 性则用来设置其终点坐标。控制起点/终点坐标就可以实现平行、交错等效果。 Stroke（笔触）属性的数据类型是Brush(画刷)，凡是Brush的派生类均可用于给这个属性 赋值。因为WPF提供了多种渐变色画刷，所以画直线也可以画出渐变效果。同时，Line 的一些属性还帮助我们画出虚线以及控制线段终点的形状。 2、矩形 矩形由笔触（Stroke，即边线）和填充（Fill）构成。Stroke属性的设置与Li
wpf绘图，可绘制各种图形
04-08
WPF Visifire Charts 破解版，可以绘制各种图形
2021.11.18
weixin_47300323的博客
11-18 197
路径绘图 Path类可以绘制曲线和复杂形状 Data属性使用了mini-language,即路径标记语法 路径（Path）可以说是WPF绘图中最强大的工具，一来是因为它完全可以替代其他几种图形，二来它可以将直线、圆弧、贝斯二曲线等基本元素结合进来，形成更复杂的图形。路径最重要的一个属性是Data,Data的数据类型是Geometry（几何图形），我们正是使用这个属性将一些基本的线段拼接起来、形成复杂的图形。 为Data属性赋值的语法有两种：一种是标签式的标准语法，另一种是专门用户绘制几何图形的
C#的WPF程序中使用XAML绘图示例
Huohuo
11-22 3507
没做过不知道，越发认识到WPF
C#WPF XAML 绘图、画笔、特效
Pzz_Lite的博客
09-08 4532
C#WPF XAML 绘图、画笔、特效 一、绘图 I.绘图有两种方式：形状绘图和几何绘图。 1.(1）、形状(Shape)是一个2D绘图类，位于System.Windows.Shape空间内。 2.包含最常用的绘图对象:Line（直线）、Rectangle（矩形）、Ellipse（椭圆）、Polygon（多边形）、Path（路径）。 （1）、图形对象共有属性:Stroke（如何使用绘制图形的轮廓，既所使用的画刷）、StrokeThickness（图形轮廓的粗细）、Fill（绘制图形的内部）。 （2）、指定图
入门知识（四）WPF绘图入门到精通。
热门推荐
xpj8888的博客
09-17 1万+
1、本博客根据《WPF编程宝典：使用C# 2012和.NET 4.5 第4版》书本提供关于绘图12章/13章/14章的内容以及其例程，整理出关于绘画的结构图、程序代码如下： 2、12章的代码，集中放在一起（运行时可见）（参考pro-wpf-4.5-in-csharp或刘铁猛的书本）。 例子A(刘铁猛) <Window x:Class="Drawing.MainWindow" ...
各种函数声明和定义模块
最新发布
09-16
各种函数声明和定义模块
湖北工业大学在河南2021-2024各专业最低录取分数及位次表.pdf
09-16
全国各大学在河北2021-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
1805.06605v2 DEFENSE-GAN.pdf
09-16
1805.06605v2 DEFENSE-GAN.pdf
用xaml写一个登录界面
03-25
好的，以下是一个简单的XAML登录界面示例： ```xaml <Window x:Class="LoginWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Login" Height="200" Width="300"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <Label Content="Username:" Margin="10"/> <TextBox Name="UsernameTextBox" Margin="10" Grid.Row="1"/> <Label Content="Password:" Margin="10" Grid.Row="1"/> <PasswordBox Name="PasswordBox" Margin="10" Grid.Row="2"/> <Button Content="Login" Margin="10" Grid.Row="3" Click="OnLoginButtonClicked"/> </Grid> </Window> ``` 在代码中实现登录逻辑： ```cs private void OnLoginButtonClicked(object sender, RoutedEventArgs e) { string username = UsernameTextBox.Text; string password = PasswordBox.Password; // 验证用户名和密码 if (username == "admin" && password == "123456") { MessageBox.Show("Login Success!"); } else { MessageBox.Show("Login Failed!"); } } ``` 这是一个非常简单的登录逻辑，当用户名和密码匹配时，会显示"Login Success!"的消息框，否则显示"Login Failed!"的消息框。需要注意的是，这个简单示例没有包括任何安全措施，实际的登录界面需要实现更加严格的安全措施，如防止暴力破解、管理用户和密码等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值