WPF系列九：图形控件EllipseGeometry

简介

EllipseGeometry用于绘制一个椭圆的形状。它通常与其他图形元素结合使用，比如 Path 或者作为剪切区域来定义其他元素的外形。

  • 定义椭圆：EllipseGeometry 用来定义一个椭圆或者圆的几何形状。
  • 参与绘制：可以被用作 Path 元素的数据，以实现绘制椭圆的效果。
  • 作为剪辑路径：可以指定为某个 UI 元素的剪辑区域，使得该元素只显示在椭圆范围内的内容。

属性

  • Center：表示椭圆中心点的位置，是一个 Point 类型的值，默认是 (0,0)。
  • RadiusX 和 RadiusY：分别表示椭圆沿 X 轴和 Y 轴方向上的半径长度。这两个值决定了椭圆的大小和形状；如果它们相等，则创建的是一个圆形。
  • Transform：允许你对椭圆应用变换，如旋转、缩放和平移等。
    • TranslateTransform：用于移动（平移）对象。
    • ScaleTransform：用于缩放对象。
    • RotateTransform：用于旋转对象。
    • SkewTransform：用于倾斜对象。
    • MatrixTransform：使用矩阵来定义更复杂的变换。
    • TransformGroup:   组合变换。

示例

绘制一个中心位于 (400, 200)，X 半径为 200，Y 半径为 50 的椭圆轮廓。

代码：

<Window x:Class="WPFDemo.Line.Views.EllipseGeometryWindow"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:WPFDemo.Line.Views"mc:Ignorable="d"Title="EllipseGeometryWindow" Height="450" Width="800"><Grid><Path Stroke="Red" StrokeThickness="2"><Path.Data><EllipseGeometry Center="400,200" RadiusX="200" RadiusY="50" /></Path.Data></Path></Grid>
</Window>

效果：

平移变换（TranslateTransform）

代码：

<Window x:Class="WPFDemo.Line.Views.EllipseGeometryWindow1"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:WPFDemo.Line.Views"mc:Ignorable="d"Title="EllipseGeometryWindow1" Height="450" Width="800"><Grid><Path Stroke="Red" StrokeThickness="2"><Path.Data><EllipseGeometry Center="400,200" RadiusX="200" RadiusY="50" /></Path.Data></Path><!--平移变换--><Path Stroke="Yellow" StrokeThickness="2"><Path.Data><EllipseGeometry Center="400,200" RadiusX="200" RadiusY="50" ><EllipseGeometry.Transform><TranslateTransform X="100" Y="0" /></EllipseGeometry.Transform></EllipseGeometry></Path.Data></Path></Grid>
</Window>

效果：

缩放变换（ScaleTransform）

代码：

<Window x:Class="WPFDemo.Line.Views.EllipseGeometryWindow2"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:WPFDemo.Line.Views"mc:Ignorable="d"Title="EllipseGeometryWindow2" Height="450" Width="800"><Grid><Grid><Path Stroke="Red" StrokeThickness="2"><Path.Data><EllipseGeometry Center="400,200" RadiusX="200" RadiusY="50" /></Path.Data></Path><!--缩放变换--><Path Stroke="Yellow" StrokeThickness="2"><Path.Data><EllipseGeometry Center="400,200" RadiusX="200" RadiusY="50" ><EllipseGeometry.Transform><ScaleTransform  ScaleX="1" ScaleY="0.7"/></EllipseGeometry.Transform></EllipseGeometry></Path.Data></Path></Grid></Grid>
</Window>

效果：

旋转变换（RotateTransform）

代码：

<Window x:Class="WPFDemo.Line.Views.EllipseGeometryWindow3"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:WPFDemo.Line.Views"mc:Ignorable="d"Title="EllipseGeometryWindow3" Height="450" Width="800"><Grid><Grid><Path Stroke="Red" StrokeThickness="2"><Path.Data><EllipseGeometry Center="400,200" RadiusX="200" RadiusY="50" /></Path.Data></Path><!--旋转变换--><Path Stroke="Yellow" StrokeThickness="2"><Path.Data><EllipseGeometry Center="400,200" RadiusX="200" RadiusY="50" ><EllipseGeometry.Transform><RotateTransform CenterX="400" CenterY="200" Angle="90" /></EllipseGeometry.Transform></EllipseGeometry></Path.Data></Path></Grid></Grid>
</Window>

效果：

组合变换（TransformGroup）

代码：

<Window x:Class="WPFDemo.Line.Views.EllipseGeometryWindow4"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:WPFDemo.Line.Views"mc:Ignorable="d"Title="EllipseGeometryWindow4" Height="450" Width="800"><Grid><Grid><Path Stroke="Red" StrokeThickness="2"><Path.Data><EllipseGeometry Center="400,200" RadiusX="200" RadiusY="50" /></Path.Data></Path><!--组合变换--><Path Stroke="Yellow" StrokeThickness="2"><Path.Data><EllipseGeometry Center="400,200" RadiusX="200" RadiusY="50" ><EllipseGeometry.Transform><TransformGroup><TranslateTransform X="100" Y="0" /><ScaleTransform  ScaleX="1" ScaleY="0.7"/><RotateTransform CenterX="400" CenterY="200" Angle="90" /></TransformGroup></EllipseGeometry.Transform></EllipseGeometry></Path.Data></Path></Grid></Grid>
</Window>

效果：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/bicheng/68048.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

qt设置qwidget背景色无效

qt设置qwidget背景色无效

最近在做一个界面&#xff0c;有三个子窗体&#xff0c;于是就把各个子窗体分别做成了三个UI&#xff0c;再将3个UI&#xff0c;放到1个UI&#xff0c;再将那一个UI在其他窗体上进行提升。 最后就发现怎么设置qwidget的背景都没有效果。 在Qt中&#xff0c;如果是给Qwidget的…
阅读更多...
【Rust学习笔记】Rust 的所有权介绍

【Rust学习笔记】Rust 的所有权介绍

博主未授权任何人或组织机构转载博主任何原创文章&#xff0c;感谢各位对原创的支持&#xff01; 博主链接 博客内容主要围绕&#xff1a; 5G/6G协议讲解 高级C语言讲解 Rust语言讲解 文章目录 Rust中的所有权介绍1.1 一个简单的例子1.2 一个稍微复杂的例…
阅读更多...
CentOS7下Hadoop集群分布式安装详细图文教程

CentOS7下Hadoop集群分布式安装详细图文教程

1、集群规划 主机 角色 DSS20 NameNode DataNode ResourceManager NodeManager DSS21 SecondaryNameNode NameNode NodeManager DSS22 DataNode NodeManager 1.1、环境准备 1.1.1 关闭防火墙 #查看防火墙状态 firewall-cmd --state #停止…
阅读更多...
在 Vue 项目中使用地区级联选

在 Vue 项目中使用地区级联选

在 Vue 项目中使用地区级联选择的完整流程&#xff1a; 1.安装依赖包&#xff0c;这个包提供了中国省市区的完整数据。 npm install element-china-area-data --save 2.导入数据 import { regionData } from element-china-area-data 这个包提供了几种不同的数据格式&#…
阅读更多...
基于改进粒子群优化的无人机最优能耗路径规划

基于改进粒子群优化的无人机最优能耗路径规划

目录 1. Introduction2. Preliminaries2.1. Particle Swarm Optimization Algorithm2.2. Deep Deterministic Policy Gradient2.3. Calculation of the Total Output Power of the Quadcopter Battery 3.OptimalEnergyConsumptionPathPlanningBasedonPSO-DDPG3.1.ProblemModell…
阅读更多...
Redis为 List/Set/Hash 的元素设置单独的过期时间

Redis为 List/Set/Hash 的元素设置单独的过期时间

一.业务简介 我们知道&#xff0c;Redis 里面暂时没有接口给 List、Set 或者 Hash 的 field 单独设置过期时间&#xff0c;只能给整个列表、集合或者 Hash 设置过期时间。 这样&#xff0c;当 List/Set/Hash 过期时&#xff0c;里面的所有 field 元素就全部过期了。但这样并不…
阅读更多...
【51单片机】03 蜂鸣器-播放音乐

【51单片机】03 蜂鸣器-播放音乐

蜂鸣器-播放音乐 一、原理介绍1.硬件电路 二、练习1.让蜂鸣器发声2.尝试演奏小星星 一、原理介绍 蜂鸣器分为有源蜂鸣器、无源蜂鸣器两种。 有源蜂鸣器&#xff1a;施加合适的电压之后就会发出特定频率的声音 无源蜂鸣器&#xff1a;需要提供特定频率的声音信号&#xff0c;才能…
阅读更多...
30_Redis哨兵模式

30_Redis哨兵模式

在Redis主从复制模式中，因为系统不具备自动恢复的功能，所以当主服务器（master）宕机后，需要手动把一台从服务器（slave）切换为主服务器。在这个过程中，不仅需要人为干预，而且还会造成一段时间内服务器处于不可用状态，同时数据安全性也得不到保障，因此主从模式的可用性…
阅读更多...
汽车基础软件AutoSAR自学攻略(四)-AutoSAR CP分层架构(3) (万字长文-配21张彩图)

汽车基础软件AutoSAR自学攻略(四)-AutoSAR CP分层架构(3) (万字长文-配21张彩图)

汽车基础软件AutoSAR自学攻略(四)-AutoSAR CP分层架构(3) (万字长文-配21张彩图) 前面的两篇博文简述了AutoSAR CP分层架构的概念&#xff0c;下面我们来具体到每一层的具体内容进行讲解&#xff0c;每一层的每一个功能块力求用一个总览图&#xff0c;外加一个例子的图给大家进…
阅读更多...
51单片机——定时器中断（重点）

51单片机——定时器中断（重点）

STC89C5X含有3个定时器&#xff1a;定时器0、定时器1、定时器2 注意&#xff1a;51系列单片机一定有基本的2个定时器&#xff08;定时器0和定时器1&#xff09;&#xff0c;但不全有3个中断&#xff0c;需要查看芯片手册&#xff0c;通常我们使用的是基本的2个定时器&#xff…
阅读更多...
LeetCode热题100-合并两个有序链表【JavaScript讲解】

LeetCode热题100-合并两个有序链表【JavaScript讲解】

题目&#xff1a; 题解&#xff1a; 我们目前已经知道两条链表都是有序链表&#xff0c;我们就可以通过迭代的方法实现上述问题。当list1和list2都不是空链表时&#xff0c;判断list1和list2哪个头节点的值更小&#xff0c;将较小的值添加到结果里&#xff0c;被添加到结果里的…
阅读更多...
Artec Leo 3D扫描仪与Ray助力野生水生动物法医鉴定【沪敖3D】

Artec Leo 3D扫描仪与Ray助力野生水生动物法医鉴定【沪敖3D】

挑战&#xff1a;捕获大型水生哺乳动物&#xff08;如鲸鱼&#xff09;的数据&#xff0c;搭建全彩3D模型&#xff0c;用于水生野生动物的法医鉴定、研究和保护工作。 解决方案&#xff1a;Artec Eva、Artec Space Spider、Artec Leo、Artec Ray、Artec Studio、CT scans 效果&…
阅读更多...
HBuilderX打包ios保姆式教程

HBuilderX打包ios保姆式教程

1、登录苹果开发者后台并登录已认证开发者账号ID Sign In - Apple 2、创建标识符&#xff08;App ID&#xff09;、证书&#xff0c;描述文件 3、首先创建标识符&#xff0c;用于新建App应用 3-1、App的话直接选择第一个App IDs&#xff0c;点击右上角继续 3-2、选择App&#x…
阅读更多...
Android DataBinding 结合 ViewModel的使用

Android DataBinding 结合 ViewModel的使用

Android DataBinding 结合 ViewModel的使用 一、build.gradle引入对应的依赖 在build.gradle&#xff08;app模块&#xff09;里引入依赖&#xff0c;然后Sync Now一下&#xff1a; android {​viewBinding {enabled true}dataBinding {enabled true}} 完整的build.gradle代…
阅读更多...
动植物基因表达调控

动植物基因表达调控

1&#xff0c; on and off状态 以及表达的量 2&#xff0c; 基因调控的生物学影响&#xff1f; 超过400多种细胞类型&#xff0c;数目上37万亿 不是所有的基因都表达 为什么多核真核细胞需要基因调控&#xff1f; 单个细胞往多个细胞逐渐进化的过程&#xff0c;形成复杂的…
阅读更多...
2024年度漏洞态势分析报告，需要访问自取即可!(PDF版本)

2024年度漏洞态势分析报告，需要访问自取即可!(PDF版本)

2024年度漏洞态势分析报告&#xff0c;需要访问自取即可!(PDF版本),大家有什么好的也可以发一下看看
阅读更多...
【数据结构】树的定义

【数据结构】树的定义

在计算机科学中&#xff0c;树&#xff08;Tree&#xff09;是一种重要的基础数据结构&#xff0c;广泛应用于许多领域&#xff0c;如文件系统的目录结构、数据库的索引、编译器的语法树、人工智能的决策树等。理解树的基本概念和术语&#xff0c;对于学习计算机科学及其相关技…
阅读更多...
三个shell脚本

三个shell脚本

1、shell 脚本写出检测 /tmp/size.log 文件如果存在显示它的内容&#xff0c;不存在则创建一个文件将创建时间写入。 测试结果&#xff1a; 2、写一个 shel1 脚本,实现批量添加 20个用户,用户名为user01-20,密码为user 后面跟5个随机字符。 3、编写个shell脚本将/usr/local 日录…
阅读更多...
读书笔记--共享服务中心建设原则

读书笔记--共享服务中心建设原则

最近阅读了《企业IT架构转型之道》记录和思考如下&#xff0c;供大家学习参考。随着企业的数字化转型推进&#xff0c;很多企业开始从原来的SPA模式应用转变为平台技术应用&#xff0c;比如阿里巴巴的共享服务中心&#xff0c;传统企业的统一认证的share服务等等。可以说&#…
阅读更多...
DDD - 微服务设计与领域驱动设计实战(上)_统一建模语言及事件风暴会议

DDD - 微服务设计与领域驱动设计实战(上)_统一建模语言及事件风暴会议

文章目录 Pre概述业务流程需求分析的困境统一语言建模事件风暴会议什么是事件风暴&#xff08;Event Storming&#xff09;事件风暴会议 总结 Pre DDD - 软件退化原因及案例分析 DDD - 如何运用 DDD 进行软件设计 DDD - 如何运用 DDD 进行数据库设计 DDD - 服务、实体与值对…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023