盒子论坛 v2.1

这个StyleBook,我网上找了好久, 也没找到教程,
最后, 从高勇大哥的例子中, 琢磨出来以下方法. 分享给大家:
(部分也参考了Delphi的帮助中,也有,只是E文的).

Delphi10.3.1, -->New-->Multi Device Application...

1>.双击StyleBook1, 然后,从组件面板中,拖一个Rectangle到黑色区域;(这样就新增了一个了)
2>.按CTRL+SHIFT+F11,打开Structure窗口,在这里, 可以看到StyleContainer下面, 有一个Style名称叫: Rectangle1
3>.在Structure窗口, 点击Rectangle1, 设置它的HintTest:=False  (非常关键!!!!!)
4>.然后,你可以设置它的Fill.Color:=某个色
5>.设置好颜色后,光标不要走开,并点击颜色的下拉(这里会显示许多色),拖到最下方,倒数第2个是:"Create New TColorAnimation",
6>.然后,属性自动跳到ColorAnimation1Style上,然后,你设置StartValue,StopValue的颜色值,
   并设置Tigger="IsPressed=true",TiggerInverse="IsPressed=false"
7>.设置好Style了,然后,你还要点击该区域右上角有个(Apply Style)按纽;
8>.好了.大功告成了, 然后,你在Form上,再放一个按纽,并设置它的StyleLookup=Rectangle1,
   运行程序,就可以了, 按纽不再是灰色了,并且, 鼠标点击会变色
9>.但是,这样的按纽,没有文字显示, 如果你要文字显示, 你就要再双击StyleBook1,并在Structure窗口点击Rectangel1,
   然后,从控件面板中,找到TText,拖到Rectangel1上,(并设置为Text居中显示)
   (注意: 要保证TText是在Rectangel1的下级,如果位置不对,你可以在Structure窗口拖动改变它)
10>.然后,有一步关键的地方: 设置Text1的StyleName为Text(原先是Text1)(这一步很磨人,我试了好久才发现)
    同时,也要将这个Text的HitTest:=False
11>.然后,就大功告成了!

感谢高勇哥的例子.(俺从网上看了一下高勇哥的例子, 比照他的Style,模仿出来的)

操作视频,
百度网盘分享: https://pan.baidu.com/s/1NkYcdCX8DikP4ZI6GzoZcQ
或者 B站观看: https://www.bilibili.com/video/av82160187/
----------------------------------------------
...

作者：

hz_2009 (盒子)	★☆☆☆☆	-
	普通会员

2020/1/5 20:28:36

1楼：

感谢分享！
----------------------------------------------
-

作者：

delphiilove (乌羽玉)	★☆☆☆☆	-
	普通会员

2020/1/5 21:23:29

2楼：

感谢分享！
----------------------------------------------
-

作者：

yxsoft (yxsoft)	★☆☆☆☆	-
	盒子活跃会员

2020/1/6 9:58:43

3楼：

正需要这个，开发了一个手机APP，原始界面好难看，哈哈
----------------------------------------------
Great!

作者：

aknightchen (.)	★☆☆☆☆	-
	盒子活跃会员

2020/1/6 14:15:42

4楼：

再做一个ComboEdit的效果:

B站视频: https://www.bilibili.com/video/av82304009/

这次, 就没那么细心做了.

主要是抛砖引玉, 引导一下大家入门, 以后大家可以自行学行如何做更多的.

(其实我是没入门小白)
----------------------------------------------
...

作者：

aknightchen (.)	★☆☆☆☆	-
	盒子活跃会员

2020/1/6 14:17:41

5楼：

简单点, 直接复制系统的过来, 进行修改.

如果想挑战性, 那就自个一步一步模仿系统的做.
(注意: 有些属性必须是设置的, 至于哪个属性, 只能大家一个一个对照属性检查了... 没有更好方法了)
----------------------------------------------
...

作者：

sdfwd (sdfwd)	★☆☆☆☆	-
	普通会员

2020/1/7 11:31:25

6楼：

感谢分享！
----------------------------------------------
-

作者：

smartdata (Jack)	★☆☆☆☆	-
	普通会员

2020/1/7 23:30:07

7楼：

谢谢分享！
----------------------------------------------
==========

作者：

yxsoft (yxsoft)	★☆☆☆☆	-
	盒子活跃会员

2020/1/11 3:40:37

8楼：

问下LZ，这是用的哪个录屏软件制作的，我用的 Instant Demo 总是觉得画面很模糊，而且还依赖Flash，不知道是不是版本太老的缘故
----------------------------------------------
Great!

作者：

aknightchen (.)	★☆☆☆☆	-
	盒子活跃会员

2020/2/3 11:38:48

9楼：

迅捷录屏
----------------------------------------------
...

作者：

a07272 (Allen)	★☆☆☆☆	-
	盒子活跃会员

2020/2/4 21:16:32

10楼：

謝謝分享
----------------------------------------------
-

信息

登陆以后才能回复