Android Study Notes (2): Layout Overview

1. Linear Layout)

Display its child view elements in a linear direction, vertical or horizontal,

Android: orientation values are vertical "vertical", and "horizontal" is horizontal,

 

[Html] <? Xml version = "1.0" encoding = "UTF-8"?>
<LinearLayout xmlns: android = "http://schemas.android.com/apk/res/android"
Android: layout_width = "fill_parent"
Android: layout_height = "fill_parent"
Android: orientation = "vertical">
 
<Button android: layout_width = "match_parent" android: layout_height = "wrap_content"
Android: id = "@ + id/button1" android: text = ""> </Button>
<Button android: layout_width = "match_parent" android: layout_height = "wrap_content"
Android: id = "@ + id/button2" android: text = "sex"> </Button>
<Button android: layout_width = "match_parent" android: layout_height = "wrap_content"
Android: id = "@ + id/button3" android: text = "cloth"> </Button>
<Button android: layout_width = "match_parent" android: layout_height = "wrap_content"
Android: id = "@ + id/button4" android: text = ""> </Button>
 
</LinearLayout>



 

2. RelativeLayout)

[Html] <? Xml version = "1.0" encoding = "UTF-8"?>
<RelativeLayout xmlns: android = "http://schemas.android.com/apk/res/android"
Android: layout_width = "fill_parent"
Android: layout_height = "fill_parent">
 
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button1" android: text = "phase"
Android: layout_alignParentLeft = "true"> </Button>
<Button android: layout_width = "fill_parent" android: layout_height = "wrap_content"
Android: id = "@ + id/button2" android: text = ""
Android: layout_below = "@ + id/button1"> </Button>
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button3" android: text = "cloth"
Android: layout_below = "@ + id/button2"
Android: layout_toLeftOf = "@ + id/button4" android: layout_alignTop = "@ + id/button4"> </Button>
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button4" android: text = ""
Android: layout_below = "@ + id/button2"
Android: layout_alignParentRight = "true"> </Button>
 
</RelativeLayout>
<? Xml version = "1.0" encoding = "UTF-8"?>
<RelativeLayout xmlns: android = "http://schemas.android.com/apk/res/android"
Android: layout_width = "fill_parent"
Android: layout_height = "fill_parent">

<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button1" android: text = "phase"
Android: layout_alignParentLeft = "true"> </Button>
<Button android: layout_width = "fill_parent" android: layout_height = "wrap_content"
Android: id = "@ + id/button2" android: text = ""
Android: layout_below = "@ + id/button1"> </Button>
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button3" android: text = "cloth"
Android: layout_below = "@ + id/button2"
Android: layout_toLeftOf = "@ + id/button4" android: layout_alignTop = "@ + id/button4"> </Button>
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button4" android: text = ""
Android: layout_below = "@ + id/button2"
Android: layout_alignParentRight = "true"> </Button>

</RelativeLayout>


 

3. Table layout (TableLayout)

[Html] <? Xml version = "1.0" encoding = "UTF-8"?>
<TableLayout xmlns: android = "http://schemas.android.com/apk/res/android"
Android: layout_width = "fill_parent"
Android: layout_height = "fill_parent"
Android: shrinkColumns = "0, 1, 2">
<TableRow>
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button1" android: text = "table layout ------"
Android: layout_column = "0"> </Button>
<Button android: layout_width = "fill_parent" android: layout_height = "wrap_content"
Android: id = "@ + id/button2" android: text = "table layout ------"
Android: layout_column = "1"> </Button>
</TableRow>
<TableRow>
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button3" android: text = "table layout ------"
Android: layout_column = "1"> </Button>
</TableRow>
<TableRow>
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button4" android: text = "table layout ------"
Android: layout_column = "2"> </Button>
</TableRow>
</TableLayout>
<? Xml version = "1.0" encoding = "UTF-8"?>
<TableLayout xmlns: android = "http://schemas.android.com/apk/res/android"
Android: layout_width = "fill_parent"
Android: layout_height = "fill_parent"
Android: shrinkColumns = "0, 1, 2">
<TableRow>
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button1" android: text = "table layout ------"
Android: layout_column = "0"> </Button>
<Button android: layout_width = "fill_parent" android: layout_height = "wrap_content"
Android: id = "@ + id/button2" android: text = "table layout ------"
Android: layout_column = "1"> </Button>
</TableRow>
<TableRow>
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button3" android: text = "table layout ------"
Android: layout_column = "1"> </Button>
</TableRow>
<TableRow>
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button4" android: text = "table layout ------"
Android: layout_column = "2"> </Button>
</TableRow>
</TableLayout>



 

4. Absolute layout (AbsoluteLayout)

[Html] <? Xml version = "1.0" encoding = "UTF-8"?>
<AbsoluteLayout xmlns: android = "http://schemas.android.com/apk/res/android"
Android: layout_width = "fill_parent"
Android: layout_height = "fill_parent"
Android: shrinkColumns = "0, 1, 2">
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button1" android: text = "absolute layout"> </Button>
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button2" android: text = "absolute layout"
Android: layout_x = "160dip"> </Button>
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button3" android: text = "absolute layout"
Android: layout_y = "50dip"> </Button>
 
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button4" android: text = "absolute layout"
Android: layout_x = "160dip" android: layout_y = "150dip"> </Button>
</AbsoluteLayout>
<? Xml version = "1.0" encoding = "UTF-8"?>
<AbsoluteLayout xmlns: android = "http://schemas.android.com/apk/res/android"
Android: layout_width = "fill_parent"
Android: layout_height = "fill_parent"
Android: shrinkColumns = "0, 1, 2">
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button1" android: text = "absolute layout"> </Button>
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button2" android: text = "absolute layout"
Android: layout_x = "160dip"> </Button>
<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button3" android: text = "absolute layout"
Android: layout_y = "50dip"> </Button>

<Button android: layout_width = "wrap_content" android: layout_height = "wrap_content"
Android: id = "@ + id/button4" android: text = "absolute layout"
Android: layout_x = "160dip" android: layout_y = "150dip"> </Button>
</AbsoluteLayout>



From Hu HU's column