易语言吧 关注:266,387贴子:1,663,185

朴素的UI教程-拼组件(原创)(不定期更新)(教程向)

只看楼主收藏回复

吧里面最近没有什么教程贴,有些发布的软件并不好看,配色十分感人。所以,我这个普通的10级的小菜鸟,就开了这个小教程。做的不好请见谅,并提出问题。
此贴会不定期更新,因为我要会考了,会闭关修行
开始之前,先来声明一下
★★★★★★★★声明★★★★★★★★
1.本贴不会使用ex_dui组件及皮肤模块,请不要谈起此组件
2.本贴可能会借鉴一下其他软件的设计风格(像:火绒),但绝不是抄袭
3.本贴UI设计的例程,详见我另外一个帖子 http://tieba.baidu.com/p/5639077711
4.本帖基本不会使用GIF,全靠代码实现,所以计算量可能会大一些,建议有易语言基础
5.本贴禁止随意插楼,否则会被删
6.未经允许,严禁转载


IP属地:湖南1楼2018-04-14 14:26回复
    1L自占


    IP属地:湖南2楼2018-04-14 14:27
    收起回复
      2L备用及@人


      IP属地:湖南3楼2018-04-14 14:27
      收起回复
        来了


        IP属地:广东来自Android客户端4楼2018-04-14 14:33
        收起回复
          教程呢


          IP属地:福建来自iPhone客户端5楼2018-04-14 14:34
          收起回复


            IP属地:广东来自Android客户端6楼2018-04-14 14:36
            收起回复
              嗯,那个帖子的UI确实挺好看的,期待ing


              IP属地:北京来自Android客户端7楼2018-04-14 15:16
              回复(9)
                首先,新建一个窗口程序,并设置为无边框

                接着,我们知道一个程序需要有标题栏(没有也可以),控制按钮,然后将外形框宽度调至与窗口宽度相同。
                建议外形框宽度为35,关于配色问题,可以去https://flatuicolors.com/

                接着,我们发现,这个不能移动,又不想设置成随意移动,那么,双击外形框,并输入
                _启动窗口.发送消息(161,2,1)
                我们在运行时发现,纯白并不好看,想实现阴影效果,怎么办呢,很简单,你可以用API,或者窗口类名,那么我们就用最简单的方法,把窗口类名改为#32768
                现在就不仅实现了移动,而且有了阴影效果

                我们想让他有一个标题,普通标签还要来回改,这时,透明标签就是个好帮手

                建议左边为15,同时,给透明标签写上代码,
                _启动窗口.发送信息 (161, 2, 1)
                好了,那么这节课就先结束啦~我说的很明白了吧
                下期预告:做出一款好看的控制按钮(Win10扁平化风格)


                IP属地:湖南8楼2018-04-14 15:22
                回复
                  这篇教程是给小白做的,所以会讲的比较细致,8级以上的大佬,简单看两眼就行了


                  IP属地:湖南9楼2018-04-14 15:27
                  回复
                    希望来个UI库的教程,不是应用UI库的


                    IP属地:广东来自Android客户端10楼2018-04-14 15:45
                    收起回复
                      这期主要来说说怎么做出win10那样的控制按钮
                      首先,我们需要一个超级按钮,大小位置自己决定
                      建议配置:放在外形框中,顶边是-3,宽度47,高度27,标题为×(乘号)

                      然后,我们来配置超级按钮的配色
                      如下图

                      蓝色的RGB是52,152,219
                      红色的RGB是232,17,35

                      接着就是代码(可以是结束()也可以是销毁())
                      然后我们来写最小化按钮,最大化会单独讲,因为涉及到了计算了,然而lz还没有想到怎么用代码计算位置
                      最小化,依然用超级按钮

                      配色是
                      蓝色的RGB是52,152,219
                      灰的RGB是229,229,229
                      注意:最小化按钮灰色配色建议用于白色的边框(外形框是白色或不要外形框,那么关闭按钮的蓝色要变成白色,同时,窗口的背景色也要换成白色)
                      结束~
                      下期预告:最大化按钮的实现


                      IP属地:湖南11楼2018-04-14 15:56
                      收起回复
                        为什么我会写这篇帖子,因为两个吧友做的软件,一个叫夕阳红播放器,一个叫小雷记事本,我看完以后,尤其是夕阳红播放器,感人至极


                        IP属地:湖南12楼2018-04-14 16:01
                        收起回复
                          催更


                          IP属地:四川来自Android客户端13楼2018-04-14 17:15
                          收起回复
                            拼的不错,效率呢?


                            IP属地:广东来自Android客户端14楼2018-04-14 20:37
                            收起回复