【转】 Pro Android学习笔记（二十）：用户界面和控制（8）：GridView和Spinner

GridView

GridView是网格状布局，如图所示。在了解ListView后，很容易了解GridView。下面是例子的XML文件。

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

Java代码如下：

public class UiGridViewTest extends Activity{ //注意没有像ListView那样有extends ListActivity
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.ui_gridview);
        GridView gv = (GridView)findViewById(R.id.ui_grid);
        //仍然以联系人为例子，获取数据源和设置adapter和之前的listview例子相同，我们对子view的设置仍选择系统自带的简单方式。
       CursorLoader cursorLoader = new CursorLoader(getApplicationContext(),
                ContactsContract.Contacts.CONTENT_URI,
                null, null, null,
                ContactsContract.Contacts.DISPLAY_NAME + " ASC");
        Cursor cursor = cursorLoader.loadInBackground();
        String[] cols = new String[]{ContactsContract.Contacts.DISPLAY_NAME};
        int[] views = new int[]{android.R.id.text1};
        SimpleCursorAdapter simAdapter = new SimpleCursorAdapter(this,
                android.R.layout.simple_list_item_1,
                cursor, cols, views,CursorAdapter.FLAG_REGISTER_CONTENT_OBSERVER);
        //为GridView关联adapter
        gv.setAdapter(simAdapter);  //去查reference发现GridView的setAdapter(ListAdapter adapter)，adapter要求是ListAdapter，grid是二维的，实际上一行一行地处理，每行实际也是一个list。
    }
}

在前面ListView中有关数据信息的获取和触发一样可以在GridView中使用，但注意有一点不同，GridView不提供多项选择（multiple choices）。推荐阅读Android学习笔记（十三）：Activity-GridView。

Spinner

这是一个spinner的例子，左边第一个图是正常显示模式，当我们点击有下小三角图标是，会显示一个下拉单。如有右边两个图所示。和之前的ListView和GridView不一样的在于，spinner有两个显示，一是普通模式，一是pop-up list模式。我们需要在代码中分别对这两个显示进行设置。下面的XML文件。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <Spinner android:id="@+id/ui_spinner"
        android:prompt="@string/planets"   
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

代码如下：

public class UiSpinnerTest extends Activity implements OnItemSelectedListener{

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.ui_spinner);
        Spinner spin = (Spinner)findViewById(R.id.ui_spinner);
        //本例采用ArrayAdapter，这里的第三个参数是设置普通模式的显示，即一个简单的TextView，虽然这里可视的只是其中一个item，但整个概念和listview的一样。
        ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(this,
                R.array.planets, android.R.layout.simple_spinner_item);
        //通过setDropDownViewResource设置pop-up list的子view显示layout，我们采用了不同的layout，分别为有不同的显示效果，见上图所示。需要注意的是Android版本不同，会对layout的实际布局有不同，在API Level 17（Android 4.2.2）中，simple_spinner_dropdown_item中去掉checkMark。
        //adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        adapter.setDropDownViewResource(android.R.layout.simple_list_item_single_choice);
        spin.setAdapter(adapter);
        //选择变化，触发OnItemSelectedListener
        spin.setOnItemSelectedListener(this);
    }

@Override
    public void onItemSelected(AdapterView<?> arg0, View view, int pos, long index) {
        Log.d("Spinner",view.toString());
        Log.d("Spinner","" + ((TextView)view).getText());
        //本例中普通模式的子view是TextView，而pop-up list的CheckedTextView，在onItemSelected中，给出的view是普通模式下的子view，这点需要特别注意。
        Log.d("Spinner","" + pos + " " + index);
    }

@Override
    public void onNothingSelected(AdapterView<?> arg0) {
        Log.d("Spinner","Nothing Selected");
    }

}

推荐阅读Android学习笔记（十二）：Activity-Spinner

相关链接：我的Android开发相关文章