使用JAVA代码实现Android布局（一）RelativeLayout

通常我们使用XML来书写Android的图形界面，XML虽然编写方便，但是在某些情况下不如JAVA代码灵活，所以在某些环境下还是必须使用JAVA代码来编写界面。我们以下XML代码为例，编写相应的JAVA代码。

[java] view plain copy

1. <RelativeLayout  
2.        android:id="@+id/drawer_info"  
3.        android:layout_width="match_parent"  
4.        android:layout_height="120dp" >  
5.   
6.        <!-- 个人资料布局 -->  
7.   
8.        <ImageView  
9.            android:id="@+id/user_head"  
10.            android:layout_width="60dp"  
11.            android:layout_height="60dp"  
12.            android:layout_marginBottom="10dp"  
13.            android:layout_marginLeft="20dp"  
14.            android:layout_marginTop="25dp"  
15.            android:src="@drawable/user_demo" >  
16.        </ImageView>  
17.   
18.        <TextView  
19.            android:id="@+id/user_name"  
20.            android:layout_width="wrap_content"  
21.            android:layout_height="wrap_content"  
22.            android:layout_alignTop="@id/user_head"  
23.            android:layout_marginLeft="20dp"  
24.            android:layout_marginTop="10dp"  
25.            android:layout_toRightOf="@id/user_head"  
26.            android:text="Mr Zdy"  
27.            android:textSize="18sp" >  
28.        </TextView>  
29.   
30.        <TextView  
31.            android:id="@+id/user_email"  
32.            android:layout_width="wrap_content"  
33.            android:layout_height="wrap_content"  
34.            android:layout_below="@id/user_name"  
35.            android:layout_marginLeft="20dp"  
36.            android:layout_marginTop="3dp"   
37.            android:layout_toRightOf="@id/user_head"  
38.            android:text="zhudongya123@gmail.com"  
39.            android:textSize="14sp" >  
40.        </TextView>  
41.    </RelativeLayout>  

上述XML代码并不复杂。一个ImageView和两个TextView。

最终效果图是这个样子的。相应的JAVA代码如下。

我会在后面逐一解释这些代码。请忽略RelativeLayout背景和圆形的图片，本例应该是普通的ImageView.

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        RelativeLayout rootlayout = new RelativeLayout(this);
        rootlayout.setLayoutParams(new RelativeLayout.LayoutParams(
                RelativeLayout.LayoutParams.MATCH_PARENT, dip2px(120)));
        rootlayout.setId(0);

        ImageView imageView = new ImageView(this);
        RelativeLayout.LayoutParams image_Params = new RelativeLayout.LayoutParams(
                dip2px(60), dip2px(60));
        image_Params.setMargins(dip2px(20), dip2px(25), 0, dip2px(10));
        imageView.setLayoutParams(image_Params);
        imageView.setImageResource(R.mipmap.ic_launcher);
        imageView.setId(R.id.my_test1);

        TextView text_Name = new TextView(this);
        RelativeLayout.LayoutParams text_Name_Params = new RelativeLayout.LayoutParams(
                RelativeLayout.LayoutParams.WRAP_CONTENT,
                RelativeLayout.LayoutParams.WRAP_CONTENT);
        text_Name_Params.addRule(RelativeLayout.RIGHT_OF, imageView.getId());
        text_Name_Params.addRule(RelativeLayout.ALIGN_TOP, imageView.getId());
        text_Name_Params.setMargins(dip2px(20), dip2px(10), 0, 0);
        text_Name.setLayoutParams(text_Name_Params);
        text_Name.setText("Mr.Zdy");
        text_Name.setTextSize(TypedValue.COMPLEX_UNIT_SP, 18);
        text_Name.setId(R.id.my_test2);

        TextView text_Email = new TextView(this);
        RelativeLayout.LayoutParams text_Email_Params = new RelativeLayout.LayoutParams(
                RelativeLayout.LayoutParams.WRAP_CONTENT,
                RelativeLayout.LayoutParams.WRAP_CONTENT);
        text_Email_Params.addRule(RelativeLayout.RIGHT_OF, imageView.getId());
        text_Email_Params.addRule(RelativeLayout.BELOW, text_Name.getId());
        text_Email_Params.setMargins(dip2px(20), dip2px(3), 0, 0);
        text_Email.setLayoutParams(text_Email_Params);
        text_Email.setText("zhudongya123@gmail.com");
        text_Email.setTextSize(TypedValue.COMPLEX_UNIT_SP, 14);

        rootlayout.addView(imageView, image_Params);
        rootlayout.addView(text_Name, text_Name_Params);
        rootlayout.addView(text_Email, text_Email_Params);
        setContentView(rootlayout);




    }

    public int dip2px(float dpValue) {
        final float scale = this.getResources().getDisplayMetrics().density;
        return (int) (dpValue * scale + 0.5f);
    }

}

在studio中直接设置id 会报错，所以改用下面方法处理

首先我们定义了一个RelativeLayout，起名为rootlayout。 
这个是这个界面的根布局。 
然后我们使用了setLayoutParams方法定义了该布局的长度和宽度。 
在XML代码中，我们是直接写出View的width，height，margin。 
而在Java代码中，我们必须使用LayoutParams类来指定其属性。

[java] view plain copy

1. rootlayout.setLayoutParams(new RelativeLayout.LayoutParams(  
2.                 LayoutParams.MATCH_PARENT, dip2px(120)));  

RelativeLayout.LayoutParams继承自ViewGroup.LayoutParams。 
同时LinearLayout.LayoutParams也是继承自ViewGroup.LayoutParams。
这些LayoutParams类用来在Java代码中指定View的各种属性。例如width，height，margin等等。 
通常没有特殊属性时，我们可以直接使用LayoutParams。 
例如：rootlayout.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT)); 
然后我们设置了rootlayout的ID.rootlayout.setId(0); 
接下来我们定义了一个ImageView。

[java] view plain copy

1. ImageView imageView = new ImageView(this);  
2. RelativeLayout.LayoutParams image_Params = new RelativeLayout.LayoutParams(  
3.         dip2px(60), dip2px(60));  
4. image_Params.setMargins(dip2px(20), dip2px(25), 0, dip2px(10));  
5. imageView.setLayoutParams(image_Params);  
6. imageView.setImageResource(R.drawable.user_demo);  
7. imageView.setId(1);  

在指定ImageView的宽度和高度时，我使用了一个方法dip2px，这个方法是将dp值转化为px值，因为在XML中，我直接使用了120dp，60dp这样的单位，但是在JAVA代码中，默认单位是px（像素），所以我们必须定义了这样一个方法来转换单位。

[java] view plain copy

1. public int dip2px(float dpValue) {  
2. final float scale = this.getResources().getDisplayMetrics().density;  
3. return (int) (dpValue * scale + 0.5f);  
4. }  

同时我们使用了setMargins方法来指定margin属性，使用了setImageResource方法来指定了相应的图片资源。
使用setLayoutParams方法将定义好的属性施加到ImageView上。 
接下来是一个TextView。

[java] view plain copy

1. TextView text_Name = new TextView(this);  
2. RelativeLayout.LayoutParams text_Name_Params = new RelativeLayout.LayoutParams(  
3.         RelativeLayout.LayoutParams.WRAP_CONTENT,  
4.         RelativeLayout.LayoutParams.WRAP_CONTENT);  
5. text_Name_Params.addRule(RelativeLayout.RIGHT_OF, imageView.getId());  
6. text_Name_Params.addRule(RelativeLayout.ALIGN_TOP, imageView.getId());  
7. text_Name_Params.setMargins(dip2px(20), dip2px(10), 0, 0);  

在定义RelativeLayout.LayoutParams变量text_Name_Params时，我使用了addRule这个方法。 
addRule这里执行了两次都是两个参数，第一个代表属性，第二个表示该与该属性关联的View的Id。 
这里我们要注意，我们也可以这样写 
text_Name_Params.addRule(RelativeLayout.RIGHT_OF, 1);
因为我们将ImageView的Id指定为1，但是当你使用imageView.getId()这样的写法时，你也必须在前面使用setId方法来指定其Id。 
在某些情况下，addRule可能只有一个参数。
例如：addRule(RelativeLayout.CENTER_VERTICAL)，有些时候第二个参数可能代表布尔值，例如addRule(RelativeLayout.ALIGN_PARENT_TOP, RelativeLayout.TRUE);

[html] view plain copy

1. text_Name.setLayoutParams(text_Name_Params);  
2. text_Name.setText("Mr.Zdy");  
3. text_Name.setTextSize(TypedValue.COMPLEX_UNIT_SP, 18);  
4. text_Name.setId(2);  

使用setTextSize方法时，我们的第一个参数将单位强制指定为Sp，默认是Px。


最后我们使用addview方法将三个View加入rootLayout中。并使用setContentView加载视图。

[java] view plain copy

1. rootlayout.addView(imageView, image_Params);  
2.      rootlayout.addView(text_Name, text_Name_Params);  
3.      rootlayout.addView(text_Email, text_Email_Params);  
4.      setContentView(rootlayout);  

addView也可以只有一个参数，将第二个Params参数省略，因为前面所有的View我都已经使用setLayoutParams指定其属性，所以在这里addView方法也可不写第二个参数。

个人观点，仅供参考。
参考资料：
[addRule方法的使用](http://zhidao.baidu.com/link?url=R6E6Hwoea_SQFi5U_OwqZq0lqihpRkWYpOw9nZReYRc-1M4eUMzvyHjPn5FL0323gfSPssBLZLTgeKPeMrQ7W875uBxsUJbOaavpPmFCwMW)
[Android 步步为营 第5营 代码控制UI，View](http://www.cnblogs.com/vivid-stanley/archive/2012/08/22/2651399.html)
[android-getTextSize返回值是以像素(px)为单位的,setTextSize()以sp为单位](http://blog.csdn.net/lizhenmingdirk/article/details/7349386)
[Android中LayoutParams的用法](http://www.cnblogs.com/zhengbeibei/archive/2013/03/29/2989263.html)