动态设定组件的宽度、高度以及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);

转载于：http://blog.csdn.net/pathuang68/article/details/6647716

第二弹

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