揭秘FMX进度条样式修改
Delphi跨平台开发中的FMX样式处理给了我们UI设计的很多便捷。在很多年前使用Delphi开发VCL应用时，我们都期盼各种各样的皮肤控件，他能给我们带来新颖、夺目、优雅的程序外观。在现今的FMX应用中，我们其实已不再需要其他三方的UI控件，FMX中的样式已能非常好的满足我们的需要，当然要做到非常美观仅靠我们码农还是较为欠缺的，所以若有美工的配合就非常的完美了。
闲话少说，今天我们从一个进度条来引入对控件样式的修改处理。
问题的提出
前几天，有朋友问我，想修改手机上进度条的高度，单独设置控件的Height值无效，值不改变，控件的高度也不能改变（在Windows系统的设计状态下是可以修改的，但回到安卓状态就变回原值），进度条在手机上显示为一条细线。当然，我们要理解，手机上界面就那么点大，少占用点显示空间自然也无可厚非，可我们有时候就希望进度条高一点，设置控件的高度又无效，那怎么办呢？
总结问题点：1、手机应用；2、控件大小不能通过设置控件属性完成；
如何解决？
解答
下面，我们一步一步来实际操作：
1、新建一个项目，一个空白窗体，拖放一个进度条控件到窗体中，选择样式模式为安卓；
在这种情况下，进度条属性值高度是不能调整的。
2、鼠标到控件上，点击右键，在弹出的菜单中选择“ **Edit Custom Style **”
选定菜单后，出现当前进度条的样式编辑窗体：
接下来的所有工作，我们都在这里完成。
（样式设计工具的功能非常强大的，这里不会一一介绍，大家可以自己多尝试，因为也确实没什么可以查询的资料）
3、修改控件及显示高度
原值为10，我们现在修改为20，这时候窗体上的控件可以显示25的高度，但进度条的那条线仍然是那条线，并没有改变。
4、改变显示内容
点击“SourceLink”后面的编辑按钮，会弹出图片链接编辑框：
我们需要修改图片定位，修改结果如下：
最下边 的红框是修改后的显示效果，需要注意的是中间红框标识处的不同比例都需要分别进行修改，当然有时候我们只用到一种。
刚刚，我们修改的是进度条的底色图片，进度显示的图片设置也作类似修改：
这次，需要选中hindicator
修改图片定位：
完成修改后的预览效果：
5、完成并保存修改
保存后，系统会自动增加“StyleBook1”到窗体设计器上，我们修改进度条的Value属性值，观察进度条的显示情况，如下图：
比较一下，修改过样式的进度条与没有修改过样式的进度条：
修改StyleLookup，可以使用不同样式显示。其他新增加的进度条，可直接选择已修改好的样式，不需要每个都去修改一次。
新的问题
刚刚我们是修改了控件的显示大小，但现在我想要修改控件的显示颜色，怎么处理呢？
进度条这类的控件，修改颜色有两种方式，其一是修改对应链接的图片颜色：
这里增加了一样不同颜色的图片，修改后的效果如下：
另外一种方法是增加其他可视控件替换：
在样式编辑器里，hindicator下增加一个“Rectangle”，设置填充方式为Client,修改填充颜色，继续设置无边框，边框填充颜色为空，设置圆角。
完成修改并保存，显示效果如下：
（题外话：现在知道为什么要美工了吧，我这码农只知道怎么修改，并不知道怎么样搭配会好看。）
结束语
看上去内容挺多的，其实操作起来就那几步，当然请注意细节中提到的内容，仔细结合图片看说明。
FMX控件下的可视控件，都可以通过修改样式的方式去修改系统原有的设定，并且可以在原有样式中增加新的内容，当然，这里也只讲到了很基础的修改方法，样式编辑器里，可以实现更多你需要、你想要的内容。
相关或类似文章
1、Delphi D10.3 LayoutsPro 控件简介 -避免输入焦点被虚拟键盘遮挡
推荐到这里，不是因为控件，是因为这个DEMO里有较多的可用于界面布局学习的内容；
2、Delphi D10.1 移动开发中APP界面基本布局（一）
3、Delphi D10.X 移动开发中APP界面基本布局（二）
与本博客内容有相关更详细描述。
欢迎光顾本人小店：(https://shop63778938.taobao.com/) 小店也提供delphi方面其他技术支持、定制开发。
现在就进店看看
大家有什么不清楚的，可以给我留言或讨论。
以上信息对您有用的话请点赞收藏，就下面这行
揭秘FMX进度条样式修改相关推荐
- android 自定义进度条 水量,Android自定义带水滴的进度条样式（带渐变色效果）...
一.直接看效果 二.直接上代码 1.自定义控件部分 package com.susan.project.myapplication; import android.app.Activity; impo ...
- 【iOS-Cocos2d游戏开发之十五】详解CCProgressTimer 进度条并修改cocos2d源码实现“理想”游戏进度条！...
为什么80%的码农都做不了架构师?>>> 李华明Himi 原创,转载务必在明显处注明: 转载自 [黑米GameDev街区] 原文链接: http://www.himigam ...
- vue西瓜播放器xgplayer-vue实现视频倍速播放，自定义进度条样式
介绍 npm网站:https://www.npmjs.com/package/xgplayer-vue 西瓜播放器官网:https://v2.h5player.bytedance.com/gettin ...
- 微信小程序进度条样式_微信小程序组件progress进度条解读和分析
progress进度条组件说明: 进度条,就是表示事情当前完成到什么地步了,可以让用户视觉上感知事情的执行. progress进度条是微信小程序的组件,和HTML5的进度条progress类似. pr ...
- 微信小程序进度条样式_详解微信小程序——自定义圆形进度条
微信小程序 自定义圆形进度条,具体如下: 无图无真相,先上图: 实现思路,先绘制底层的灰色圆圈背景,再绘制上层的蓝色进度条. 代码实现: JS代码: 页面初始化 options为页面跳转所带来的参数 ...
- 微信小程序进度条样式_微信小程序——自定义圆形进度条
无图无真相中比需抖接朋功要朋插,先上图: 实现体朋几一级发等点确层数框的很屏果行4带域思路,先绘制底层的灰色圆圈背景,再绘制上层的直分调浏器代,刚求的一学础过功互有解小久宗点差维含数如数围请蓝色进度条 ...
- C# WPF 进度条，根据读取数据显示进度条进度，根据Excel文件读取数据，进度条样式...
后台代码: //导入private void Border_MouseLeftButtonUp_2(object sender, MouseButtonEventArgs e){var path = ...
- android自定义进度条样式,Android 自定义进度条
效果 国际惯例,效果图奉上 在这里插入图片描述 目录 在这里插入图片描述 前言 写在前面,由于之前其实已经写了部分自定义View的方法,所以本来应该按照之前的系列,来进行下载暂停动画进度条,但是我把之 ...
- el-progress仪表盘进度条底色修改
<p>在使用 element-ui 的 el-progress 组件时,可以通过设置 color 属性来修改仪表盘进度条的底色.</p> <p>语法:</p& ...
最新文章
- 《自己动手写Docker》书摘之三： Linux UnionFS
- zookeeper3.4.6安装
- 每周一起读 #02 | ICML 2019：基于粒子的变分推断加速方法
- Docker入门-docker compose的使用
- ps3无线无法与服务器通信,psp上网出现无法与服务器通信（8001006F）
- Series与DataFrame数据类型操作基础
- Java基础---数组内容详解
- 手动迁移KVM虚拟机
- 文件服务器版压缩工具,FileOptimizer文件压缩工具
- linux权限百度贴吧,api接口权限控制
- 一年级同音字心田花开汇总资料（附拼音）
- 小学生春天计算机绘画图片,小学生绘画作品图片春天
- java中将Fri Feb 19 17:32:34 CST 2021时间格式转为yyyy-MM-dd HH:mm:ss时间格式
- 北京与洛杉矶时差16小时，飞机飞行时间是12小时40分钟。请输入从洛杉矶起飞的日期与时间，计算出到达北京的日期与时间。
- Python 实现 T00ls 自动签到脚本（邮件+钉钉通知）
- 【C++】Dijkstra算法
- 第90届中国电子展聚焦行业新热点，拉动产业链上下游快速发展
- 5G基站: 请叫哥牛逼！
- DFS 简单的剪枝和状态压缩 海贼王之伟大航路
- 29．请编写一个函数fun，它的功能是：将ss所指字符串中所有下标为奇数位置上的字母转换为大写(若该位置上不是字母，则不转换)。