Android开发：Layout常用技巧

Android开发：Layout常用技巧

我们经常用到的控件都是 View 的派生类，他们通常都是可见的。 ViewGroup 也是 View 的派生类，但 ViewGroup 通常是不可见的。

ViewGroup 的主要作用：

+ 作为 Layout 。比如 LinearLayout 、 RelativeLayout 、 FrameLayout 和 TableLayout

+ 作为 View 的容器。比如 Gallery 、 GridView 、 ImageSwitcher 、 ScrollView 、 TabHost 和 ListView

其实 Layout 也可以被认为是 View 的一种容器。

 本文仅讨论 ViewGroup 作为 Layout 的常用技巧。

1.     LinearLayout

LinearLayout 顾名思义就是线性布局。其子 View 对象要么以 “ 行 ” 排列，要么以 “ 列 ” 排列，这取决于其 orientation 属性是 horizontal 还是 vertical 的。

创建一个 Android Project 项目。然后在创建一个 linearlayout.xml ，使其内容如下：

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

< LinearLayout

  xmlns:android = "http://schemas.android.com/apk/res/android"

  android:orientation = "vertical"

  android:layout_width = "wrap_content"

  android:layout_height = "wrap_content" >

      

       < Button

                 android:id = "@+id/linearbutton01"

                 android:layout_width = "wrap_content"

                 android:layout_height = "wrap_content"

                 android:text = " 按钮 1"

       />

 

       < Button

                 android:id = "@+id/linearbutton02"

                 android:layout_width = "wrap_content"

                 android:layout_height = "wrap_content"             

                 android:text = " 按钮 2"

       />

      

       < Button

                 android:id = "@+id/linearbutton01"

                 android:layout_width = "wrap_content"

                 android:layout_height = "wrap_content"             

                 android:text = " 按钮 3"

       />

      

         < Button

                 android:id = "@+id/linearbutton01"

                 android:layout_width = "wrap_content"

                 android:layout_height = "wrap_content"             

                 android:text = " 按钮 4"

       />

</ LinearLayout >

 

将 Activity 对应的代码中的 setContentView 的参数，改为： R.layout.linearlayout ，运行后得到的结果如下：

如果将 linearlayout.xml 中的 orientation 属性值改为 ”horizontal” ，那么运行后的结果如下：

 

2.     RelativeLayout

RelativeLayout 可以根据子 View 对象彼此之间的位置关系来显示子 View 对象。比如通过 ”above” 、 ”below” 、 ”to the left of” 、 ”to the right of” 其他的子 View 对象来定位。

 

创建一个布局文件 relativelayout.xml ，使其内容如下：

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

< RelativeLayout

  xmlns:android = "http://schemas.android.com/apk/res/android"

  android:id = "@+id/relativelayout"

  android:layout_width = "fill_parent"

  android:layout_height = "fill_parent" >

 

         < Button

                   android:id = "@+id/buttonCenter"

                   android:layout_width = "wrap_content"

                   android:layout_height = "wrap_content"

                   android:text = "Center"

                   android:layout_centerInParent = "true"

         />

        

         < ImageView

                   android:id = "@+id/ImageView01"

                   android:layout_width = "wrap_content"

                   android:layout_height = "wrap_content"

                   android:layout_above = "@id/buttonCenter"

                   android:layout_centerHorizontal = "true"

                   android:src = "@drawable/icon"

         />

        

         < TextView

                   android:id = "@+id/textview01"

                   android:layout_width = "wrap_content"

                   android:layout_height = "wrap_content"

                   android:layout_toLeftOf = "@id/buttonCenter"

                   android:textSize = "20px"

                   android:text = "Android1"

         />

        

         < TextView

                   android:id = "@+id/textview02"

                   android:layout_width = "wrap_content"

                   android:layout_height = "wrap_content"

                   android:layout_toLeftOf = "@id/buttonCenter"

                   android:layout_centerVertical = "true"

                   android:textSize = "20px"

                   android:text = "Android2"

         />

        

         < TextView

                   android:id = "@+id/textview03"

                   android:layout_width = "wrap_content"

                   android:layout_height = "wrap_content"

                   android:layout_below = "@+id/textview01"

                   android:textSize = "20px"

                   android:text = "Android3"

         />      

</ RelativeLayout >

 

将 Activity 对应的代码中的 setContentView 的参数，改为： R.layout.framelayout ，运行后得到的结果如下：

1 2 3 下一页