[FMX] 自定义一个带图标的编辑框

好吧,FMX 我还是使用组合大法,父子关系如下图所示:

EditWithIcon

核心的几点提示:

1、Edit 的样式要选择 transparentedit;

2、Image 要进行一下适当的缩进,以避免覆盖底下的那条横线以及和右侧的文字区大小所匹配,然后左对齐;

3、Edit 的对齐方式是Client,填充客户区;

4、Line 的对齐方式下Bottom。

好了,至于剩下的内容,大家自己去尝试一下就知道了。这样美工画出来的编辑框的效果我们就很容易实现了。

分享到: