我看了〖IAPP专区〗内的帖子
发现很少有发布 UI美化 帖的
所以这期整理一期特别的内容--UI美化
必需应用：iapp工具
一、主页设计UI
提个问题：
各位的［主页.iyu］顶部都是一个搜索框
1.底部导航栏
这个玩意...就很难搞
首先我们需要有一个装载底部导航栏的界面
那就命名为［mian1.iyu］吧~~~
首先要创建一个相对布局哦~哦~哦~
然后噼里啪啦叽里呱啦
那么我们底部导航栏就做好啦~啦~啦~
［上句内容为图一所示］
开始我们的骚操作吧~~~
2.顶部导航栏
这个玩意...不造咋搞
首先我们需要有一个装载顶部导航栏的界面
那就命名为［主页.iyu］吧~~~
首先要创建一个相对布局哦~哦~哦~
然后噼里啪啦叽里呱啦
那么我们开始教学就好不好啦~啦~啦~
ID：1 相对布局 内添加控件--ID：2 相对布局
ID：2 相对布局--控件属性
width=-1
height=45dp
然后呢~呢~呢~ 我们创建一个线性布局
在哪创建呢~~~ 在ID：2 相对布局 内呢~~~
ID：3 线性布局--控件属性
width=255dp
height=-1
orientation=vertical
gravity=center
ID：2 相对布局 内添加控件--ID：4 线性布局
ID：4 相对布局--控件属性
width=-1
height=-1
orientation=vertical
ut_toRightOf=4
回到ID：3 线性布局 控件
我们在ID：3 线性布局 空间内添加一个卡片控件
卡片控件给予ID：5 卡片
ID：5 卡片--控件属性
width=240dp
height=32dp
app_CardcornerRadius=200dp
app_CardElevation=0dp
app_CardBackgroundColor=#ffeae3e3
［如果感觉颜色较深可以调节一下深浅］
ID：5 卡片 内添加控件--ID：6 线性布局
ID：6 线性布局--控件属性
width=-1
height=-1
orientation=horizontal
gravity=center_vertical
然后再在ID：6 线性布局 内添加控件
--ID：7 线性布局
ID：7 线性布局--控件属性
width=40dp
height=-1
orientation=vertical
gravity=center
在ID：7 线性布局 内添加控件--ID：8 图像
［搜索图像素材自行寻找，颜色值：#E6E6E6］
给我自己绕懵了，让我捋捋
评论