[移动开发]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的下方。

效果

更复杂的布局按照这个步骤来基本没问题。

阅读世界，共赴山海

423全民读书节，邀你共读