使用 Bitmap Style Designer 为FMX修改已有样式

我本是菜鸟，不懂编程，只是个设计师，但因工作需要，老板需要我熟悉 Delphi 控件，方便设计控件样式。在本人长期的自我摸索与学习中学到了点东西，因为关于 style 的设计的资料不多，我写一些自己的经验，发表出来，希望能帮助像我一样的菜鸟。如果你是高手就请路过···我本是菜鸟，只为小白提供服务，因为我只能做到这里了···

下面我说下如何将 style 样式应用到你的窗体上，另外如何导出设计属于自己的样式，然后应用出来。以 XE7 为例说明：

1：新建一个 Muti-Device Application，我都会将每步操作用图片的形式记录下来，表达的不好尽请谅解。如下图：

2：选择 Blank application，点击 ok 。如下图：

3：新建好后会我们就看见了主窗体，然后给放两个按钮，方便我们以后看到我们样式的效果，控件根据自己情况随便拖几个到窗体，因为按钮效果明显，所以我选择按钮，如下图：

4：点击菜单栏-里面的 tool 里面的 bitmap style designer ，出现如图的界面：

5：点击 file 打开一个系统自带的一个 style 样式的文件 vsf 格式的（Amakrits.vsf），如图：

6：点击 images 下面有个 .Png 的图片点击一下，出现这样的图片：

注意：这个图片就是属于 Amakrits 的图片，每个控件的皮肤都在一定的位置上，位置不能改变。不过万一改变也没关系，因为你可以用鼠标左键或右键改他的坐标。我们只有得到了png图片，才能用图形编辑软件进行编辑，我用的是 ps（Photoshop cc ）;

7：下面我们就导出png格式的图片在图像编辑软件进行编辑，点击 Export 会出现下图：

将我们要编辑的图片导出到桌面，这样方便找。

9：保存好后如下图，我们得到了png 的图片。

10：进入我们的图像编辑软件 ps（photoshop）。

我们可以根据自己喜好设计，但是切记每个小图片位置最好是不要变的，否则必将麻烦（上面说过）。具体每个按钮是干什么的，我们得在 Delphi 里面的 bitmap style designer 里面的 object 下面一一查看看。我为了简单让大家知道操作流程就用了调整他的色相饱和度、对比度等调色工具修改。

11：好了图片调整好了，如图：

（右下角的名字我输入有个小失误多写了 r 不过不要紧，这只是给我们自己提醒用的，让我们知道自己用谁的母版设计的）。

这里有个小技巧，就是我把这个文件的名字写到右下角，这样方便我以后用。因为每个 style 的图片都是不一样的，位置也不一样，自然坐标就不一样。如果我们想设计自己的 style ，必须要在系统给的母版上 update 才行。要不然我们得自己一个一个的设计坐标，那样会崩溃的。这里听不懂的先不要紧，慢慢来，你只要跟着做就行。

12.导出我们设计好的 png 。导出的格式是 png ，但是起名字得注意：我起的名字是 amakrits11 ，你也可以和我一起这样做。（这样我们就知道我设计的这个样式是基于谁的母版做的）

13:保存好，将文件存入这个路径下：

14:回到 bitmap style designer ：点击 images 下面的 style.png 文件，点击 update ，这是更新图片（每个控件的图片的位置我们没变过，所以在 object 里面可以查看每个控件皮肤，都不会出现问题了）。

15：点击 ok ，如果你的图和我不一样不要紧的啊。主要你确定导入的图是你刚刚编辑好的就行。如下图：

16：另存到一个目录，我存入了 vcf 下面名字还是起 Amakrists11 这样方便以后修改。

17：最好将自己设计的样式最好备份下，因为升级的时候就会覆盖掉，文件就丢失了，本人已经受过此害了。希望你们不要重蹈覆辙。将 vsf 格式的存入vcl 下面，这样方便以后调出编辑。

18：继续另存为：将 style 格式的存入fmx 下面，并且格式是 style 别弄错。

19：可以关掉 bitmap style designer 回到窗体，然后拖一个 stylebook 控件到窗体。

20：双击 stylebook1 ，在弹出的 FMX Style Desginer 中，点击 Load 按钮。

21：导入刚才我们存入的 fmx下面的 Amakrists11.style 文件，点击按钮打开，如下图：

22：点击蓝色按钮。这样我们就将我们设计的样式载入到 stylebook1 了；

23：下面很关键，点击窗体空白处选中窗体然后在 object inspector 里面的参数 stylebook 选中 stylebook1 。如下图：

24：选中了stylebook1，窗体如下图：

我们设计的样式就这样做好了。

25：点击按钮运行；

26 ：点击运行后如图：

这就是我们设计好的一个 style 了。

你学会了吗？

使用 Bitmap Style Designer 为FMX修改已有样式相关推荐

python docx 设置表格字体和格式_python-docx修改已存在的Word文档的表格的字体格式方法...
搞了好几天的表格字体格式,一直想找一种能直接一次性修改表格所有字体格式的方法(函数),但是无论用什么方法都无法修改表格字体的格式,原因应该是已存在的文档本身就具有某种格式限制,制约着里面表格里面字体格 ...
python docx 表格复制粘贴_python-docx修改已存在的Word文档的表格的字体格式方法
搞了好几天的表格字体格式,一直想找一种能直接一次性修改表格所有字体格式的方法(函数),但是无论用什么方法都无法修改表格字体的格式,原因应该是已存在的文档本身就具有某种格式限制,制约着里面表格里面字体格 ...
python docx 设置表格字体和格式,python-docx修改已存在的Word文档的表格的字体格式方法...
搞了好几天的表格字体格式,一直想找一种能直接一次性修改表格所有字体格式的方法(函数),但是无论用什么方法都无法修改表格字体的格式,原因应该是已存在的文档本身就具有某种格式限制,制约着里面表格里面字体格 ...
【MAPBOX基础功能】17、mapbox修改已上图图层间的显示层级
前言官网指引,生成accesstoken,下载相关依赖请翻阅[https://blog.csdn.net/weixin_44402694/article/details/125414381?spm= ...
fceux源码解析_fceux源码解析_从源代码制作deb包的两种方法以及修改已有deb包（转载）...
1. 原理 1) deb包通常包含两部分:控制信息(DEBIAN目录).安装内容(模拟"/"目录) 2) 通过解开已有的deb包看其中内容 i. 释放安装内容到dirname目录中 ...
Python可视化matplotlib自定义：运行时参数修改、自定义样式、默认样式+plt.style.use()
Python可视化matplotlib自定义:运行时参数修改.自定义样式.默认样式+plt.style.use() 目录 Python可视化matplotlib自定义:运行时参数修改.自定义样式.默认 ...
C# 禁止修改已装箱了的值类型的字段值，但是可以通过接口的方式实现
C# 默认是不能修改已装箱了的值类型中字段的值,但是可以通过值类型实现指定的接口来改变首先定义一个接口 1 interface IChange 2 { 3 void Change(int a, i ...
需要用sq语句修改大批量用户的密码_网站文章seo优化及修改已收录文章建议
一.网站文章seo优化: <1> 文章标题优化 1.文章标题要新颖,不必要太看重语法,逻辑,但一定要有新意. 2.符合用户搜索需求,直接戳中用户的痛点. 3.标题中融入文章关键词,关键词出 ...
elasticsearch 修改已存在的filed值和新增filed
修改filed值和新增filed 平常不太用,总是忘,每次都得现找语法,所以在这做个笔记. 1.修改filed值第一种方法:PUT /索引名/_doc/索引id {"属性名" : ...
git分支合并、撤销；git修改已push的commit信息; git 撤销操作；
git分支合并 1.分支代码提交 2.git branch 查询本地分支 3.git checkout 分支名1 切换分支到需要合并的分支上 4.git merge 分支名2 //选择要合并到分支 ...

使用 Bitmap Style Designer 为FMX修改已有样式

使用 Bitmap Style Designer 为FMX修改已有样式相关推荐

最新文章

热门文章