零元学Expression Blend 4 - Chapter 14 用实例了解布局容器系列-「Pathlistbox」II

本文涉及的产品
容器服务 Serverless 版 ACK Serverless,317元额度 多规格
容器服务 Serverless 版 ACK Serverless,952元额度 多规格
容器镜像服务 ACR,镜像仓库100个 不限时长
简介: 原文:零元学Expression Blend 4 - Chapter 14 用实例了解布局容器系列-「Pathlistbox」II 本章将延续上一章的范例,步骤解析。
原文: 零元学Expression Blend 4 - Chapter 14 用实例了解布局容器系列-「Pathlistbox」II


本章将延续上一章的范例,步骤解析。

本章将延续上一章的范例,步骤解析。

若是对Pathlistbox基本属性还不认识的朋友,请返回上一章,小猴子良心建议:先求精、再求广!

01

开启一个新专案後,在主要工作区放入一个Ellipse,并调整到适当的位置

接着,建立我们的文字「I Love Blend 4

这边要注意的一点:

若要做出范例的排列方式,每个字元必独立在自己的textBlock

如果不懂这个意思,表示你还不懂Pathlistbox喔!

来看看下面的例子就知道:

若直接把整串「I Love Blend 4」打在一个textBlock内,我们来看看会发生什麽事

文字就没办法照我们范例想要的方式,排成圆形路径

而是以整串textBlock的中心点,去对应Pathlistbox路径的起始点

当然,这个强调点是针对此范例去做加强提醒

02

接着,我们建立一个Pathlistbox後,把刚刚建立「I Love Blend 4」的所有textBlock置入

textBlock置入Pathlistbox後,在选取PathlistBox的状态下,Properties会多出Layout Path的属性设定

在Layout Path里有个同心圆的小圈圈,请把它拉到我们所绘的Ellipse上(上一章有详细步骤)

现在,你的「I Love Blend 4」应该会变这样:

03

接着我们要进入动画设计,让文字可以绕着圆形旋转

关於动画版面的切换以及基本操作,这边就不多做介绍了,动画入门教学篇已有详细教学

在录制状态下,把时间轴拉到2秒的位子後,调整PathlistBoxProperties->Layout Paths->Start(0%->99%)

按下Play观看效果

别忘记要加上ControlStoryboardActionTrigger喔!

范例设定为MouseEnter/Play+MouseLeftButtonDown/Stop

很简单的范例以及步骤解析,希望对你有帮助!要记得举一反三喔~

本篇的教学就到此。

(若有任何错误的地方,请各位前辈或同好能不吝指教,小女子都会虚心接受;若是你喜欢我的教学,请给我点鼓励,谢谢。)

?

一步一步迈向HIE之路

 

喜欢我文章请推我一下或给我个回应,你的鼓励会给我无限的动力喔!

若是您有其他问题或是特别需要,请在文章回应处留言,我会尽快回覆您

 

 

目录
相关文章
|
5月前
|
NoSQL 关系型数据库 Redis
Docker的通俗理解和通过宿主机端口访问Redis容器的实例
本文目标:引导初学者入门Docker,理解镜像、容器和宿主机概念,学习常用Docker命令,特别是如何创建并从Redis容器通过宿主机端口访问。 关键点: - Docker核心:镜像(类)、容器(实例)、宿主机(运行环境)。 - `docker pull` 拉取镜像,如 `redis:3.0`。 - `docker run -d --name` 后台运行容器,如 `my-redis`。 - `-p` 参数做端口映射,如 `6379:6379`。 - `docker exec -it` 交互式进入容器,如 `bash` 或执行命令。
261 4
|
5月前
|
监控 Serverless 文件存储
函数计算产品使用问题之如何确保新建的实例拉取的是最新的自定义容器镜像
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
1月前
|
SQL Shell 数据库
在TDengine容器中创建初始化数据库的Shell命令实例
以上就是在Docker容器环境中部署并初始化TDengine数据库的全过程,希望对你有所帮助。
44 0
|
3月前
|
运维 Ubuntu Shell
掌握Docker容器的创建:从镜像到实例
【8月更文挑战第27天】
533 4
|
3月前
|
容器 iOS开发 Linux
震惊!Uno Platform 响应式 UI 构建秘籍大公开!从布局容器到自适应设计,带你轻松打造跨平台完美界面
【8月更文挑战第31天】Uno Platform 是一款强大的跨平台应用开发框架,支持 Web、桌面(Windows、macOS、Linux)及移动(iOS、Android)等平台,仅需单一代码库。本文分享了四个构建响应式用户界面的最佳实践:利用布局容器(如 Grid)适配不同屏幕尺寸;采用自适应布局调整 UI;使用媒体查询定制样式;遵循响应式设计原则确保 UI 元素自适应调整。通过这些方法,开发者可以为用户提供一致且优秀的多设备体验。
115 0
|
4月前
|
Java 容器
Java详解:GUI图形用户界面设计—容器组件及面板布局方式
Java详解:GUI图形用户界面设计—容器组件及面板布局方式
|
5月前
|
前端开发 程序员 UED
全面解析layui:掌握基础知识与实用技能(1. 核心组件与模块 2. 布局与容器 3. 弹出层与提示框;1. 数据表格与数据表单 2. 表单验证与提交 3. 图片轮播与导航菜单)
全面解析layui:掌握基础知识与实用技能(1. 核心组件与模块 2. 布局与容器 3. 弹出层与提示框;1. 数据表格与数据表单 2. 表单验证与提交 3. 图片轮播与导航菜单)
77 0
|
6月前
|
存储 运维 Kubernetes
容器服务ACK常见问题之在ALB中看不到新的实例如何解决
容器服务ACK(阿里云容器服务 Kubernetes 版)是阿里云提供的一种托管式Kubernetes服务,帮助用户轻松使用Kubernetes进行应用部署、管理和扩展。本汇总收集了容器服务ACK使用中的常见问题及答案,包括集群管理、应用部署、服务访问、网络配置、存储使用、安全保障等方面,旨在帮助用户快速解决使用过程中遇到的难题,提升容器管理和运维效率。
|
6月前
|
JavaScript 容器
vue element plus Container 布局容器
vue element plus Container 布局容器
207 0
|
6月前
|
Java 容器
Java常用组件、容器与布局
Java常用组件、容器与布局
112 0

热门文章

最新文章