动态设定组件的宽度、高度以及margin等属性


第一弹

实际工作中，我们经常需要在程序里面用代码来控制一些组件的宽度和高度，以适应不同分辨率的屏幕。尽管有不同的Layout供我们使用，但很多时候需要通过用代码设定组件的大小，以达到良好的界面视觉效果。

注意：组件和控件是有区别的。组件对应的英文是component，控件对应的英文是control；控件是带有界面的，组件则未必有界面；控件属于组件，可以说它是带有界面的组件。比如Button有界面，因此可以说它是控件，也可以说它是组件。LinearLayout没有界面，因此它不能算是控件，但它却是组件。本文中由于涉及了带有和不带有界面的组件，因此，用组件泛指这两者。

有些组件，比如Button，可以在程序中用setWidth和setHeight来设定其大小，这是非常方便的。但有些组件却没有这两个设定大小的方法，比如ImageButton、Spinner以及LinearLayout等等，那么如何在程序中根据需要，动态地设定他们的大小呢？下面就用实际的例子来说明这个问题。

1. 首先创建一个Android项目：



2. 将图片文件magnifier.png拖入到项目的res/drawable-mdpi文件夹下。mangifier.png的内容如下：



3. 在strings.xml中，增加如下粗体字代码。这些代码，将会被Spinner使用：

<string name="spin_prompt">请选择城市 </string>
<string-array name="cities">
<item>北京 </item >
<item>上海 </item >
<item>南京 </item >
<item>乌鲁木齐 </item>
<item>哈尔滨 </item>
<item>符拉迪沃斯托克 </item>
</string-array>

4. 修改main.xml，使之如下：

<?xml version="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

< Buttonandroid:id="@+id/btn"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/hello"

/>

< ImageButtonandroid:id="@+id/image_btn"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/magnifier"

/>

< Spinnerandroid:id="@+id/sp"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:entries="@array/cities"

android:prompt="@string/spin_prompt"

/>

< LinearLayout

android:orientation="horizontal"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

>

<LinearLayoutandroid:id="@+id/ll_left"

android:orientation="horizontal"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:gravity="left"

>

<EditText

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Hello"

/>

</LinearLayout>

<LinearLayoutandroid:id="@+id/ll_right"

android:orientation="horizontal"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:gravity="right"

>

<EditText

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Android"

/>

</LinearLayout>

< /LinearLayout>

</LinearLayout>

不难看出，mainx.ml有一个Button，一个ImageButton，一个Spinner和两个EditText。

5. 运行本项目，得到的结果如下：



现在假定，我们要：

a) 增加Button的高度

b) 增加ImageButton的宽度和高度

c) 增加Spinner的宽度

d) 将包含Hello的EditText靠左，包含Android的EditText靠右

6. 修改AdjustControlSize.java的代码，使之如下：

public class AdjustControlSize extends Activity

{

private Button btn;

private ImageButton imagebtn;

private Spinner sp;

private LinearLayout ll_left;

private LinearLayout ll_right;

private DisplayMetrics dm;

@Override

public void onCreate(Bundle savedInstanceState)

{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

// 获取屏幕尺寸

dm = new DisplayMetrics();

getWindowManager().getDefaultDisplay().getMetrics(dm);

btn = (Button)findViewById(R.id.btn);
imagebtn = (ImageButton)findViewById(R.id.image_btn);

sp =(Spinner)findViewById(R.id.sp);
ll_left = (LinearLayout)findViewById(R.id.ll_left);

ll_right = (LinearLayout)findViewById(R.id.ll_right);

// 增加Button的高度，可以很方面地通过setHeight方法来实现。

btn.setHeight(80);

// 但如果要想在代码中改变某些组件，比如ImageButton、Spinner以及LinearLayout，

// 用setHeight或者setWidth的方式就不行了，因为这些组件中，没有提供这两个方法。
// 为此，可以通过LayoutParams这个类(这里我们用LinearLayout.LayoutParams)来实现这一点。

// 改变imagebtn的宽度和高度均为屏幕宽度的1/4
LinearLayout.LayoutParams imagebtn_params = newLinearLayout.LayoutParams(
LayoutParams.WRAP_CONTENT,
LayoutParams.WRAP_CONTENT);
imagebtn_params.height = dm.widthPixels / 4;
imagebtn_params.width = dm.widthPixels / 4;
imagebtn.setLayoutParams(imagebtn_params);

// 设定sp的宽度为屏幕宽度的2/3
LinearLayout.LayoutParams sp_params = new LinearLayout.LayoutParams(
LayoutParams.WRAP_CONTENT,
LayoutParams.WRAP_CONTENT);

sp_params.width = dm.widthPixels * 2 / 3;
sp.setLayoutParams(sp_params);

// 让两个EditText分别处于屏幕的左右两端。

// 在main.xml中，两个EditText分别处于ll_left和ll_right这两个LinearLayout中，且
// 处于ll_left的gravity属性为left，即置于其中的组件靠左；处于ll_right的gravity

// 属性为right，即置于其中的组件靠右。但是由于这两个LinearLayout的宽度属性均为
// wrap_content，所以它们靠在一起了，由此导致了两个EditText也靠在一起。

// 如果，我们把ll_left和ll_right的宽度能够设定为屏幕宽度的一半，那么两个EditText就
// 会分别处于屏幕的两端。
LinearLayout.LayoutParams ll_params = new LinearLayout.LayoutParams(
LayoutParams.WRAP_CONTENT,
LayoutParams.WRAP_CONTENT);
ll_params.width = dm.widthPixels / 2;
ll_left.setLayoutParams(ll_params);

ll_right.setLayoutParams(ll_params);

}

}

7. 运行结果：



达到了我们在5中假定的目标。

8. 总结

如果在程序中不能用setWidth和setHeight来改变大小的组件，通常可以通过LayoutParams的方式进行设定，正如6中代码的粗体字部分的代码那样。动态设定这些组件的margin也是采用类似的方式，比如：

sp_params.width = dm.widthPixels * 2 / 3;

sp_params.leftMargin = 6; // 用这种方式设定组件的margin

sp.setLayoutParams(sp_params);
转载于：
/article/7612646.html

第二弹

LayoutParams继承于Android.View.ViewGroup.LayoutParams.

LayoutParams相当于一个Layout的信息包，它封装了Layout的位置、高、宽等信息。假设在屏幕上一块区域是由一个Layout占领的，如果将一个View添加到一个Layout中，最好告诉Layout用户期望的布局方式，也就是将一个认可的layoutParams传递进去。

可以这样去形容LayoutParams，在象棋的棋盘上，每个棋子都占据一个位置，也就是每个棋子都有一个位置的信息，如这个棋子在4行4列，这里的“4行4列”就是棋子的LayoutParams。

但LayoutParams类也只是简单的描述了宽高，宽和高都可以设置成三种值：

1，一个确定的值；

2，FILL_PARENT，即填满（和父容器一样大小）；

3，WRAP_CONTENT，即包裹住组件就好。

在JAVA中动态构建的布局，常常这样写：

setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));

上面这一句话其实是子对父的，也就是说，父布局下的子控件要设置这句话。

因为布局很多，虽然都继承至ViewGroup但是各个布局还是有很大的不同。

很显然上面这句应该这样写才算准确：

setLayoutParams(new TableRow.LayoutParams(TableRow.LayoutParams.FILL_PARENT,TableRow.LayoutParams.FILL_PARENT));

这表示这个子控件的父布局是一个TableRow , 这样的LayoutParams 太多，所以应明确指明。

下面分别说下两个常用到布局:

1. FrameLayout下动态设置子控件居中，动态用JAVA代码要这样实现:

FrameLayout.LayoutParams lytp = new FrameLayout.LayoutParams(80,LayoutParams.WRAP_CONTENT);
lytp .gravity = Gravity.CENTER;
btn.setLayoutParams(lytp);

2. RelativeLayout下动态设置子控件居中：

RelativeLayout.LayoutParams lp=new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
lp.addRule(RelativeLayout.ALIGN_PARENT_RIGHT, RelativeLayout.TRUE);
lp.addRule(RelativeLayout.ALIGN_PARENT_TOP, RelativeLayout.TRUE);
btn1.setLayoutParams(lp);