Android商城排版,android排版布局学习

Android开发学习之路--UI之基本布局

android使用shape stroke描边只保留底部

RadioGroup的使用

一、项目粮仓

粮仓学习:

liangcang:

启动页面:act_start.xml

toolbar: widget_foot_main_rgs.xml    RadioButton

android:id="@+id/main_bottom_shop"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:button="@null"

android:gravity="center"

android:text="@string/rb_shop"

android:drawableTop="@drawable/slt_rb_shop"/>

android:padding="8dp"

android:textColor="@color/text_rb_main"

android:textSize="14sp" />

登录:login.xml

登录注册选择页:login_register.xml

顶部搜索:layout_sliding_list_header.xml

顶部后退+分享:widget_special_title.xml

底部TOOLBar:widget_foot_man.xml

6个大图片:fmt_gift.xml

1、Login.xml页面:

效果图

825b08ba8527087ff219721a2090aa46.png

分析:

全局 一个RelativeLayout

顶部返回+标题+关闭 一个RelativeLayout

中间用户名、密码分别一个RelativeLayout

忘记密码和底部的登录直接两个BUTTON

布局文件:

stroke_white.xml文件内容:

2、login_register.xml页面

可以先从底部排列,底部定位好后依次往上。

页面:

cd3c6f2723665edbb0ed710b5af2d916.png

布局:

。。

3、顶部搜索:layout_sliding_list_header.xml

页面:

b5ed0dbba01b3923469b34b5b7620fe5.png

布局:

。。

4、顶部后退+分享:widget_special_title.xml

直接线性布局一个一个列下来

d6a341c0d4adb47a9f13675208569fa6.png

布局:

。。。

5、Toolbar

注意颜色textColor、背景drawableTop分别是配在XML文件里,并且有选中和非选中两种

页面:

281deb19e92fb82834cca06e123b53c3.png

布局:

6、相对定位学习:

页面:

2cd2c63343623352780ab7393159e491.png

布局:

7、线性布局学习

效果:

b510a49f8026d94571426287bda4569d.png

布局:

。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值