下拉串列框組件(Spinner
下拉串列框（Spinner）組件，通常會提供一組固定選項以下拉的方式供用戶進行選擇，方便用戶的操作，例如：電影類軟體選擇影片型別，動作、喜劇、愛情、科幻等等，
1.基本語法格式
<Spinner
屬性
android:entries="" `設定陣列名稱`
android:prompt="" `可選屬性用于指定下拉串列的標題`
/>
注意：prompt屬性當顯示模式為dialog時生效，作用為顯示dialog的標題內容，但在android5.0中時沒有任何效果的，得用Theme.Black主題才可以
2.常用屬性
- android:dropDownHorizontalOffset：-----------------------------------------設定串列框的水平偏移距離
- android:dropDownVerticalOffset：-----------------------------------------設定串列框的垂直偏移距離
- android:dropDownSelector：-----------------------------------------串列框被選中時的背景
- android:dropDownWidth：-----------------------------------------設定下拉串列框的寬度
- android:gravity：-----------------------------------------設定里面組件的對其方式
- android:popupBackground：-----------------------------------------設定串列框的背景
- android:spinnerMode：-----------------------------------------串列框的模式，有兩個可選值：
dialog：-----------------------------------------對話框風格的視窗
dropdown：-----------------------------------------下拉選單風格的視窗(默認) - android:entries：-----------------------------------------使用陣列資源設定下拉串列框的串列專案
- android:prompt：-----------------------------------------設定對話框模式的串列框的提示資訊(標題)，只能夠參考string.xml 中的資源id,而不能直接寫字串
3. 例子：運動型別的下拉選單
3.1 在values里新建一個sport.xml存盤陣列
<?xml version="1.0" encoding="utf-8"?>
<resources>
` <!-- 陣列資源名稱 -->`
<string-array name="list_sport">
<item >全部</item>
<item >籃球</item>
<item >乒乓球</item>
<item >羽毛球</item>
<item >足球</item>
</string-array>
</resources>
3.2 ，Spinner.xml檔案
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="${relativePackage}.${activityClass}"
android:gravity="center"
>
<TextView
android:id="@+id/spinner_text_2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="20dp"
android:text="喜歡的運動型別"
android:background="#000000"
android:textColor="#FFFFFF"
/>
<Spinner
android:layout_below="@id/spinner_text_2"
android:id="@+id/spinner_sport"
android:entries="@array/list_sport" `引入陣列資源`
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</RelativeLayout>
效果：：：
4. 利用代碼獲取用戶選中的資料
原理：設定選擇監聽器setOnItemSelectedListener并用getSelectedItem方法獲取到值
//獲取下拉選擇的內容
Spinner spinner_sport = (Spinner) findViewById(R.id.spinner_sport); `//獲取下拉串列框組件`
spinner_sport.setOnItemSelectedListener(new OnItemSelectedListener() { `//設定對應的選擇監聽事件`
@Override
public void onItemSelected(AdapterView<?> adapterView, View view, int position, long id) {
// TODO Auto-generated method stub
`//獲取下拉串列的選項`
String str = adapterView.getSelectedItem().toString(); `取值`
if(!str.equals("全部")){ `判斷不是默認`
Toast.makeText(SpinnerActivity.this, "你喜歡的運動是："+str+" 運動", Toast.LENGTH_SHORT).show();
}
}
@Override
public void onNothingSelected(AdapterView<?> parent) {
// TODO Auto-generated method stub
}
});
串列視圖組件（ListView）
1.串列視圖（ListView）組件，它將需要顯示的資訊以垂直串列的形式進行展現，一行只展現一條資訊通常我們也說一條記錄或者是一個item，
2.每一個item可以是簡單形式也可以是復雜形式，例如每行只顯示一個文本資訊就屬于簡單形式，我們不需要設計每個item的樣式，可以使用ArrayAdapter的方式進行資料系結；
3.每行可以顯示圖文混排樣式屬于復雜形式，需要自己設計每個item的樣式，這個需要SimpleAdapter或者BaseAdapter做資料系結，
1.基本語法格式
<ListView
屬性
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
</ListView>
2.常用屬性
- android:divider，----------------------------------在串列條目之間顯示的drawable或color
- android:dividerHeight，-------------------------用來指定divider的高度
- android:entries，---------------------------------構成ListView的陣列資源的參考，對于某些固定的資源，這個屬性提供了比在程式中添加資源更加簡便的方式
- android:footerDividersEnabled，-------------當設為false時，ListView將不會在各個footer之間繪制divider.默認為true，
- android:headerDividersEnabled，-----------當設為false時，ListView將不會在各個header之間繪制divider.默認為true，
3.例子：設定一個圖片＋文字的串列視圖
3.1，listview.xml串列視圖檔案
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="${relativePackage}.${activityClass}"
android:orientation="vertical"
android:gravity="center"
>
<TextView
android:id="@+id/listview_text"
android:textSize="60dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="串列視圖組件" />
<ListView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/listview"
></ListView>
</LinearLayout>
3.2，play_list.xml(自定義的視圖串列每行的格式)→在java檔案的配接器里參考
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:id="@+id/listview_image"
android:maxWidth="100dp"
android:maxHeight="100dp"
android:paddingTop="10dp"
android:adjustViewBounds="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<!-- 占位用 -->
<TextView
android:layout_toRightOf="@id/listview_image"
android:id="@+id/text"
android:layout_width="100dp"
android:layout_height="wrap_content"
/>
<TextView
android:layout_toRightOf="@id/text"
android:id="@+id/listview_text"
android:padding="10dp"
android:textSize="20dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
/>
</RelativeLayout>
3.3，play_list.java(建立資料源，建立配接器，獲取用戶選擇的資訊 )
public class ListViewActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_list_view);
`//建立圖片陣列資料源`
int image[] = new int[]{R.drawable.b0,R.drawable.b2,R.drawable.b3,R.drawable.a4,R.drawable.a5,R.drawable.a6};
`//建立文字陣列資料源`
String name[] = new String[]{"花1hhhhhhhh","花2hhhhhhhh","花3hhhhhh","花4hhhhh","花5hhhhh","花6hhhhhhhhh",};
`//創建一個list物件，一個map物件`
List<Map<String,Object>> listItem = new ArrayList<Map<String,Object>>() ;
`//使用for回圈為map物件賦值`
for(int i=0;i<image.length;i++){
Map<String,Object> map = new HashMap<String,Object>();
map.put("image", image[i]);
map.put("name", name[i]);
`//將賦值后的map放入list中`
listItem.add(map);
}
`//創建一個配接器，并將其實體化`
`//R.layout.list_play--引入資源檔案`
SimpleAdapter adapter = new SimpleAdapter
(this, listItem, R.layout.list_play, new String[]{"image","name"}, new int[]{R.id.listview_image,R.id.listview_text});
`//系結listview組件`
ListView listview = (ListView) findViewById(R.id.listview);
`//使用創建好的配接器物件`
listview.setAdapter(adapter);
`//設定串列視圖選中監聽事件`
listview.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int position, long id) {
// TODO Auto-generated method stub
`//獲取選中項的字串`
Map<String,Object> map = (Map<String,Object>)adapterView.getItemAtPosition(position);
`//將字串列印輸出`
Toast.makeText(ListViewActivity.this, "你選中"+map.get("name").toString()+"天氣", Toast.LENGTH_SHORT).show();
}
});
}
}
效果：：：
3.4 listview.xml與play_list.xml的關系
AutoCompleteTextView-自動完成文本框
自動完成文本框（AutoCompleteTextView）實際上也是一個編輯文本框，但它比普通編輯框多了一個功能：當用戶輸入一定字符后，自動文本框會顯示一個下拉選單，供用戶從中選擇，當用戶選擇某個選單選項之后，AutoCompleteTextView按用戶選擇自動填寫該文本框，常常和Adapter（提供資料源）搭配使用，
1.常用屬性
- android:completionHint：------------------------設定下拉選單中的提示標題
- android:completionHintView：-----------------定義提示視圖中顯示下拉選單
- android:completionThreshold：---------------指定用戶至少輸入多少個字符才會顯示提示
- android:dropDownAnchor：-------------------設定下拉選單的定位"錨點"組件，如果沒有指定改屬性，將使用該TextView作為定位"錨點"組件
- android:dropDownHeight：--------------------設定下拉選單的高度
- android:dropDownWidth：---------------------設定下拉選單的寬度
- android:dropDownHorizontalOffset：-------指定下拉選單與文本之間的水平間距
- android:dropDownVerticalOffset：----------指定下拉選單與文本之間的豎直間距
- android:dropDownSelector：-----------------設定下拉選單點擊效果
- android:popupBackground：-----------------設定下拉選單的背景
2.例子：模糊輸入，提示
<AutoCompleteTextView
android:layout_below="@id/autoCompleteTextView_text"
android:id="@+id/autoCompleteTextView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="請輸入你的名字"
android:textSize="25dp"
/>
效果：：：
3.利用java代碼做出提示
原理：通過配接器把資料源傳入
public class AutoCompleteTextViewActivity extends Activity {
AutoCompleteTextView autoCompleteTextView; `定義組件`
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_auto_complete_text_view);
`建立資料源-提示庫`
String names[] = new String[]{"王大器1","王大器2","王大器3","王大器4","王大器5","王大器6","李大家1","李大家2",
"李大家3","李大家4","李大家5","李大家6",};
`建立配接器`
ArrayAdapter<String> adapter = new ArrayAdapter<String>(
AutoCompleteTextViewActivity.this, `引數1：承接背景關系`
android.R.layout.simple_expandable_list_item_1, `引數2：引入展示樣式檔案`
`simple_expandable_list_item_1---系統的樣式`
names `引數3，資料源物件名`
);
`設定配接器`
autoCompleteTextView=(AutoCompleteTextView)findViewById(R.id.autoCompleteTextView); `系結自動補全組件`
autoCompleteTextView.setAdapter(adapter); `設定配接器`
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/224530.html
標籤：其他
上一篇：APP冷啟動流程（上）
下一篇：APP冷啟動流程分析（上）