网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
易语言吧 关注：266,116贴子：1,663,320

【UI重塑计划#2】BaiduUI示例

只看楼主收藏回复

Baidu.....我不太敢多说
那么今天我们就来看一下这个搜索引擎的UI
希望能给朋友们带来一点启发，早日写出属于自己软件的UI
IP属地:吉林1楼2016-11-19 20:40回复
    2f
    IP属地:吉林来自Android客户端2楼2016-11-19 20:41
    收起回复
      我主要提取了这些组件
      IP属地:吉林来自Android客户端3楼2016-11-19 20:41
      回复
        因为百度的ui比较简洁，所以基本没用提取图片大法
        IP属地:吉林来自Android客户端4楼2016-11-19 20:42
        回复
          首先是编辑框，用外形框套一下
          IP属地:吉林来自Android客户端5楼2016-11-19 20:42
          回复
            因为百度的ui编辑框惯例是高度41的，但是我是强迫症，所以就改成40了
            IP属地:吉林来自Android客户端6楼2016-11-19 20:43
            回复
              按钮要贴紧编辑框，我这里用的是超级按钮。高度和编辑框一致
              IP属地:吉林来自Android客户端7楼2016-11-19 20:44
              回复
                支持
                IP属地:山东来自Android客户端8楼2016-11-19 20:45
                回复
                  这里是外形框套外形框
                  IP属地:吉林来自Android客户端9楼2016-11-19 20:45
                  回复
                    两个超级按钮
                    IP属地:吉林来自Android客户端10楼2016-11-19 20:46
                    回复
                      这里需要一部分代码
                      IP属地:吉林来自Android客户端11楼2016-11-19 20:46
                      回复
                        这个是模仿获取焦点字体变粗的机制
                        IP属地:吉林来自Android客户端12楼2016-11-19 20:47
                        回复
                          这里用选择夹，隐藏自身
                          IP属地:吉林来自Android客户端13楼2016-11-19 20:48
                          回复
                            然后是切换子项，简单
                            IP属地:吉林来自Android客户端14楼2016-11-19 20:49
                            回复
                              然后是提取出来的选择框
                              IP属地:吉林来自Android客户端15楼2016-11-19 20:49
                              回复

                                扫二维码下载贴吧客户端

                                下载贴吧APP
                                看高清直播、视频！
                                发表回复
                                发贴请遵守贴吧协议及“七条底线”贴吧投诉
                                内  容:
                                  查看全部
                                发 表
                                保存至快速回贴