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

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

[java]
view plain
copy

<RelativeLayout  
       android:id="@+id/drawer_info"  
       android:layout_width="match_parent"  
       android:layout_height="120dp" >  
  
       <!-- 个人资料布局 -->  
  
       <ImageView  
           android:id="@+id/user_head"  
           android:layout_width="60dp"  
           android:layout_height="60dp"  
           android:layout_marginBottom="10dp"  
           android:layout_marginLeft="20dp"  
           android:layout_marginTop="25dp"  
           android:src="@drawable/user_demo" >  
       </ImageView>  
  
       <TextView  
           android:id="@+id/user_name"  
           android:layout_width="wrap_content"  
           android:layout_height="wrap_content"  
           android:layout_alignTop="@id/user_head"  
           android:layout_marginLeft="20dp"  
           android:layout_marginTop="10dp"  
           android:layout_toRightOf="@id/user_head"  
           android:text="Mr Zdy"  
           android:textSize="18sp" >  
       </TextView>  
  
       <TextView  
           android:id="@+id/user_email"  
           android:layout_width="wrap_content"  
           android:layout_height="wrap_content"  
           android:layout_below="@id/user_name"  
           android:layout_marginLeft="20dp"  
           android:layout_marginTop="3dp"   
           android:layout_toRightOf="@id/user_head"  
           android:text="zhudongya123@gmail.com"  
           android:textSize="14sp" >  
       </TextView>  
   </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

rootlayout.setLayoutParams(new RelativeLayout.LayoutParams(  
                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

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.drawable.user_demo);  
imageView.setId(1);  

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

[java]
view plain
copy

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

同时我们使用了setMargins方法来指定margin属性，使用了setImageResource方法来指定了相应的图片资源。

使用setLayoutParams方法将定义好的属性施加到ImageView上。 

接下来是一个TextView。

[java]
view plain
copy

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);  

在定义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

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

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

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

[java]
view plain
copy

rootlayout.addView(imageView, image_Params);  
     rootlayout.addView(text_Name, text_Name_Params);  
     rootlayout.addView(text_Email, text_Email_Params);  
     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)