0516 prism图形界面

最新推荐文章于 2025-05-14 17:29:44 发布

原创最新推荐文章于 2025-05-14 17:29:44 发布 · 281 阅读

0 ·

CC 4.0 BY-SA版权

Prism 专栏收录该内容

36 篇文章

订阅专栏

为了自身成长所付出的一切辛劳，未来都会加倍给我们回报的！很多时候，甚至不是加倍，而是几何级数的回报！

为了自身的成长，为了让自己底气更足，请挣脱环境的束缚，让自己的一切努力都落地有声！

抱怨毫无意义，改变才是唯一出路！

能决定自己未来发展的依然是自己；除此之外，没有第二个人！

你有没有在尽善尽美地完成工作之余拓展自己的技术路线呢？你有没有在已经很熟悉公司既有业务的前提下钻研底层框架呢？你有没有在已经能够做到游刃有余完成各项事宜的情况下了解业界的发展趋势呢？

WPF中的变形（RenderTransform）类

https://www.cnblogs.com/changbaishan/p/3433108.html

Render ：渲染；Transform：动画；Origin：起点

RenderTransformOrigin:渲染动画的起点

取值为一个坐标的形式取值范围： 0,0 到 1,1

0,0：表示左上角，如此设置后动画会以左上角为基准点开始；

0.5，0.5:表示中心；

1,1:表示右下角；

RenderTransformOrigin="0.5,0.5"

WPF的布局控件都在System.Windows.Controls.Panel这个基类下面，使用 WPF提供的各种控件在WPF应用程序中界面进行布局，同时对各种子控件（如按钮、文本框，下拉框等）进行排列组合。

一、使用Path构建复杂图形
Path所构建的图形由Data属性来定义，其属性的类型为Geometry(几何类)，通过Path可以构建更加复杂的图形。想创建一个圆环，一种做法是使用两个圆形构建，另一种做法就是使用Path，可以直接绘制出圆环。

<Window x:Class="Creg.ShieldCutterSystem.Window1"
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:Creg.ShieldCutterSystem"
mc:Ignorable="d"
Title="测试" Height="393.174" Width="614.334">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Canvas>

<Ellipse Fill="Blue" Height="200" Canvas.Left="50" Canvas.Top="80" Width="200"/>
<Ellipse Fill="#FFF9F9F9" Height="120" Canvas.Left="90" Canvas.Top="120" Width="120"/>
</Canvas>
<Canvas Grid.Column="1">
<Path Fill="Blue">
<Path.Data>
<GeometryGroup>

<EllipseGeometry RadiusX="100" RadiusY="100" Center="150,180"/>
<EllipseGeometry RadiusX="60" RadiusY="60" Center="150,180"/>
</GeometryGroup>
</Path.Data>
</Path>
</Canvas>
</Grid>
</Window>

运行

这里写图片描述
由于第一种做法是一种“虚假”的圆环，所以，当给两个圆环所在的Canvas添加背景时，第一种做法的圆环不能出现“镂空”的效果，但第二种可以，为两个Canvas添加如下的背景图片：

<Canvas.Background>
<ImageBrush ImageSource="Images/test.jpg"/>
</Canvas.Background>

运行

这里写图片描述

https://blog.youkuaiyun.com/mq75956672/article/details/78597739

MVVM

https://www.cnblogs.com/bcsj/archive/2012/11/14/WPF.html

Border 是一个装饰的控件，此控件绘制一个边框、一个背景，在 Border 中只能有一个子控件，但它的子控件是可以包含多个子控件的Border 的几个生要的属性：

Background：此WPF Border属性设置 Border 用来绘制背景的 Brush 对象。

BorderBrush：此属性设置 Border 用来绘制边框的 Brush 对象。

BorderThickness：此属性设置 Border 边框的宽度，此属性是一个 Thickness 对象， Thickness 是一个 struct 类型的对象，使用 Thickness 对象可以设置边框每一边的线条的宽度。

CornerRadius：此WPF Border属性设置 Border 的每一个角圆的半径，此属性是一个 CornerRadius 对象，CornerRadius 是一个struct 类型的对象。

Padding：此WPF Border属性设置 Border 里的内容与边框的之间的间隔，此属性是一个 Thickness 对象，可以使用此对象为每一边的间隔进行设置。

<Window.Resources>

<Style TargetType="{x:Type Border}" x:Key="gBox">
<Setter Property="BorderBrush" Value="CornflowerBlue"/>
<Setter Property="Background" Value="#dfe6ec"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="CornerRadius" Value="2"/>
<Setter Property="Padding" Value="5"/>
</Style>
</Window.Resources>

<StackPanel>

<Border Style="{StaticResource gBox}">
<TextBlock Text="Border的使用"/>
</Border>
</StackPanel>