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

目录(?)[-]

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开发相关文章