Android随笔-RelativeLayout代码中控制子View的位置

描述

Android中页面开发常在xml中进行开发,在Java代码中直接创建使用的比较少,其中LinearLayout的使用比较简单,直接向其中添加子View即可;但是对于RelativeLayout来讲,RelativeLayout中的子View的位置都是根据彼此的id来控制的,很多可能在代码中使用不太熟悉。

开发

以RelativeLayout为父容器,向其中添加两个子View,要求第二个添加的View位于第一个View的下方。

        // 创建父容器
        RelativeLayout relativeLayout = new RelativeLayout(this);

        // 创建子view,TextView为例
        TextView text1 = new TextView(this);
        text1.setText("子view1");
        text1.setTextColor(Color.BLACK);
        text1.setTextSize(40);
        // 设置text1的id
        text1.setId(0x2022);
        // 设置text1在父容器中的属性
        RelativeLayout.LayoutParams text1LayoutParams = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
        // 将text1添加进父容器中
        relativeLayout.addView(text1,text1LayoutParams);

        // 创建子view,text2,并让text2显示在text1下方
        TextView text2 = new TextView(this);
        text2.setText("子view2");
        text2.setTextColor(Color.RED);
        text2.setTextSize(60);
        // 设置text2的id
        text2.setId(0x2072);
        // 设置text2在父容器中的属性
        RelativeLayout.LayoutParams text2LayoutParams = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
        // 让text2在父容器中靠右对齐
        text2LayoutParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT,RelativeLayout.TRUE);
        // text2显示在id为2022控件的下方,也就是text1的下方
        text2LayoutParams.addRule(RelativeLayout.BELOW,0x2022);
        // 将text1添加进父容器中
        relativeLayout.addView(text2,text2LayoutParams);

要让text2位于text1的下方,需要借助relativeLayout.LayoutParams设置子view的属性。因为相对布局中子View的位置是根据id控制的,所以需要调用text1.setId(0x2022),给text1设置id。
设置text2的位置需要调用addRule(int verb, int subject)来控制text2的位置。

  • verb:RelativeLayout中的对齐属性
  • subject:参照点View的id
  text2LayoutParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT,RelativeLayout.TRUE);
  • RelativeLayout.ALIGN_PARENT_LEFT:父容器靠左对齐
  • RelativeLayout.TRUE:以父容器RelativeLayout为参照

也就是让text2在父容器中靠左显示。

  text2LayoutParams.addRule(RelativeLayout.BELOW,0x2022);
  • RelativeLayout.BELOW:相对靠下布局
  • 0x2022:text1

也就是让text2位于text1的下方。

效果

在这里插入图片描述
更复杂的布局按照这个步骤来基本没问题。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值