android view 布局 Android 开发之旅：详解view的几种布局方式及实践

<?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="horizontal"><!-- have an eye on ! --> 
  <Button android:id="@+id/button1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"      
      android:text="Hello, I am a Button1" 
      android:layout_weight="1" 
      /> 
  <Button android:id="@+id/button2" 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:text="Hello, I am a Button2" 
  android:layout_weight="1" 
  /> 
  <Button android:id="@+id/button3" 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:text="Hello, I am a Button3" 
  android:layout_weight="1" 
  /> 
  <Button android:id="@+id/button4" 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:text="Hello, I am a Button4" 
  android:layout_weight="1" 
  /> 
  <Button android:id="@+id/button5" 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:text="Hello, I am a Button5" 
  android:layout_weight="1" 
  /> 
</LinearLayout> 

<?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"> 
  <TextView 
    android:id="@+id/label" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="Type here:"/> 
  <EditText 
    android:id="@+id/entry" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:background="@android:drawable/editbox_background" 
    android:layout_below="@id/label"/><!-- have an eye on ! --> 
  <Button 
    android:id="@+id/ok" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@id/entry" <!-- have an eye on ! --> 
    android:layout_alignParentRight="true" <!-- have an eye on ! --> 
    android:layout_marginLeft="10dip" 
    android:text="OK" /> 
  <Button 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_toLeftOf="@id/ok" <!-- have an eye on ! --> 
    android:layout_alignTop="@id/ok" <!-- have an eye on ! --> 
    android:text="Cancel" /> 
</RelativeLayout> 

<?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"><!-- have an eye on ! --> 
  <TableRow><!-- row1 --> 
  <Button android:id="@+id/button1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"      
      android:text="Hello, I am a Button1" 
      android:layout_column="0" 
      /> 
    <Button android:id="@+id/button2" 
   android:layout_width="wrap_content" 
   android:layout_height="wrap_content" 
   android:text="Hello, I am a Button2" 
   android:layout_column="1" 
   /> 
   </TableRow> 
  <TableRow><!-- row2 --> 
  <Button android:id="@+id/button3" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"      
      android:text="Hello, I am a Button3" 
      android:layout_column="1" 
      /> 
<Button android:id="@+id/button4" 
   android:layout_width="wrap_content" 
   android:layout_height="wrap_content" 
   android:text="Hello, I am a Button4" 
   android:layout_column="1" 
   /> 
</TableRow> 
<TableRow>  
   <Button android:id="@+id/button5" 
   android:layout_width="wrap_content" 
   android:layout_height="wrap_content" 
   android:text="Hello, I am a Button5" 
   android:layout_column="2" 
   /> 
</TableRow> 
</TableLayout> 

<?xml version="1.0" encoding="utf-8"?> 
<TextView xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="fill_parent" 
  android:layout_height="fill_parent" 
  android:padding="10dp" 
  android:textSize="16sp" > 
</TextView>

package skynet.com.cnblogs.www;

import android.app.ListActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;

public class HelloWorld extends ListActivity {
  //注意这里Helloworld类不是扩展自Acitvity，而是扩展自ListAcitivty
  /** Called when the activity is first created. */
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setListAdapter(new ArrayAdapter<String>(this, R.layout.main, COUNTRIES));

    ListView lv = getListView();
    lv.setTextFilterEnabled(true);

    lv.setOnItemClickListener(new OnItemClickListener() {
     public void onItemClick(AdapterView<?> parent, View view,
       int position, long id) {
      // When clicked, show a toast with the TextView text
      Toast.makeText(getApplicationContext(), ((TextView) view).getText(),
        Toast.LENGTH_SHORT).show();
     }
    });
  }
  static final String[] COUNTRIES = new String[] {
   "1", "2", "3", "4", "5",
   "6", "7", "8", "9", "10",
   "11", "12", "13", "14", "15",
   "16", "17", "18", "19", "20",
   "21", "22", "23", "24"
  };
}

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <string-array name="countries_array">
    <item>1</item>
    <item>2</item>
    <item>3</item>
    <item>4</item>
    <item>5</item>
    <item>6</item>
    <item>7</item>
  </string-array>
</resources>

String[] countries = getResources().getStringArray(R.array.countries_array); 
setListAdapter(new ArrayAdapter<String>(this, R.layout.list_item, countries)); 

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android" 
  android:id="@+id/gridview"
  android:layout_width="fill_parent" 
  android:layout_height="fill_parent"
  android:columnWidth="90dp"
  android:numColumns="auto_fit"
  android:verticalSpacing="10dp"
  android:horizontalSpacing="10dp"
  android:stretchMode="columnWidth"
  android:gravity="center"
/>

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

    GridView gridview = (GridView) findViewById(R.id.gridview);
    gridview.setAdapter(new ImageAdapter(this));

    gridview.setOnItemClickListener(new OnItemClickListener() {
      public void onItemClick(AdapterView<?> parent, View v, int position, long id) {
        Toast.makeText(HelloWorld.this, " " + position, Toast.LENGTH_SHORT).show();
      }
    });
  } 

package skynet.com.cnblogs.www;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

public class ImageAdapter extends BaseAdapter {
  private Context mContext;

  public ImageAdapter(Context c) {
    mContext = c;
  }

  public int getCount() {
    return mThumbIds.length;
  }

  public Object getItem(int position) {
    return null;
  }

  public long getItemId(int position) {
    return 0;
  }

  // create a new ImageView for each item referenced by the Adapter
  public View getView(int position, View convertView, ViewGroup parent) {
    ImageView imageView;
    if (convertView == null) { // if it's not recycled, initialize some attributes
      imageView = new ImageView(mContext);
      imageView.setLayoutParams(new GridView.LayoutParams(85, 85));
      imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
      imageView.setPadding(8, 8, 8, 8);
    } else {
      imageView = (ImageView) convertView;
    }

    imageView.setImageResource(mThumbIds[position]);
    return imageView;
  }

  // references to our images
  private Integer[] mThumbIds = {
      R.drawable.linearlayout1, R.drawable.linearlayout2,
      R.drawable.linearlayout3, R.drawable.listview,
      R.drawable.relativelayout, R.drawable.tablelayout
  };
}

<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:id="@+id/AbsoluteLayout01" 
  android:layout_width="fill_parent" 
  android:layout_height="fill_parent" 
  >
  <TextView android:id="@+id/txtIntro"
   android:text="绝对布局"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:layout_x="20dip"<!-- have an eye on ! -->
   android:layout_y="20dip"><!-- have an eye on ! -->
  </TextView>
</AbsoluteLayout>

public class ArtistsActivity extends Activity {
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    TextView textview = new TextView(this);
    textview.setText("This is the Artists tab");
    setContentView(textview);
  }
}

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <!-- When selected, use grey -->
  <item android:drawable="@drawable/ic_tab_artists_grey"
     android:state_selected="true" />
  <!-- When not selected, use white-->
  <item android:drawable="@drawable/ic_tab_artists_white" />
</selector>

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@android:id/tabhost"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">
  <LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:padding="5dp">
    <TabWidget
      android:id="@android:id/tabs"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content" />
    <FrameLayout
      android:id="@android:id/tabcontent"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:padding="5dp" />
  </LinearLayout>
</TabHost>

package skynet.com.cnblogs.www;

import android.widget.TabHost;
import android.app.TabActivity;
import android.content.Intent;
import android.content.res.Resources;
import android.os.Bundle;

public class HelloWorld extends TabActivity{
  /** Called when the activity is first created. */
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    Resources res = getResources(); // Resource object to get Drawables
    TabHost tabHost = getTabHost(); // The activity TabHost
    TabHost.TabSpec spec; // Resusable TabSpec for each tab
    Intent intent; // Reusable Intent for each tab

    // Create an Intent to launch an Activity for the tab (to be reused)
    intent = new Intent().setClass(this, ArtistsActivity.class);

    // Initialize a TabSpec for each tab and add it to the TabHost
    spec = tabHost.newTabSpec("artists").setIndicator("Artists",
             res.getDrawable(R.drawable.ic_tab_artists))
           .setContent(intent);
    tabHost.addTab(spec);

    // Do the same for the other tabs
    intent = new Intent().setClass(this, AlbumsActivity.class);
    spec = tabHost.newTabSpec("albums").setIndicator("Albums",
             res.getDrawable(R.drawable.ic_tab_artists))
           .setContent(intent);
    tabHost.addTab(spec);

    intent = new Intent().setClass(this, SongsActivity.class);
    spec = tabHost.newTabSpec("songs").setIndicator("Songs",
             res.getDrawable(R.drawable.ic_tab_artists))
           .setContent(intent);
    tabHost.addTab(spec);

    tabHost.setCurrentTab(2);
  }
}

    <activity android:name=".HelloWorld"
         android:label="@string/app_name"
         android:theme="@android:style/Theme.NoTitleBar">

<activity android:name=".AlbumsActivity" android:label="@string/app_name"></activity> 
<activity android:name=".ArtistsActivity" android:label="@string/app_name"></activity> 
<activity android:name=".SongsActivity" android:label="@string/app_name"></activity>