相信大家都有遇到下拉選擇這個功能,接下來我把我學習的給大家分享一下。
一、導入依賴
二、具體應用
1、接來下就是建立一個xml布局了
fragment_restaurant
,我個人比較喜歡用
constraintlayout
限制性布局,我覺得還挺好用的。
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<LinearLayout
android:id="@+id/ll"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="horizontal"
app:layout_constraintTop_toTopOf="parent">
<org.angmarch.views.NiceSpinner
android:id="@+id/spinner_fruit"
android:layout_width="260dp"
android:layout_height="80dp"
android:textColor="@color/black"
android:textSize="36sp"
app:layout_constraintRight_toLeftOf="@id/spinner_food"
app:layout_constraintTop_toTopOf="parent" />
<org.angmarch.views.NiceSpinner
android:id="@+id/spinner_food"
android:layout_width="420dp"
android:layout_height="80dp"
android:layout_marginLeft="40dp"
android:textColor="@color/black"
android:textSize="36sp"
app:layout_constraintLeft_toRightOf="@id/spinner_fruit"
app:layout_constraintTop_toTopOf="@id/spinner_fruit" />
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
二、布局檔案寫完,就該寫具體的應用邏輯了,我們建立一個activity或者一個fragment,這看你自己的使用場景。
我這裡就以建立fragment為例了,建立一個
RestaurantFragment
。具體使用就是将你的清單清單即一個list綁定到控件中,沒錯,就這麼easy,嘻嘻!
public class RestaurantFragment extends Fragment{
private List<String> fruitlist = new ArrayList<>();
private List<String> foodlist = new ArrayList<>();
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_restaurant, container, false);
fruitlist.add("蘋果");
fruitlist.add("香蕉");
fruitlist.add("西瓜");
fruitlist.add("葡萄");
foodlist.add("紅燒肉");
foodlist.add("可樂雞翅");
foodlist.add("奧爾良烤雞");
//找到控件
NiceSpinner spinnerFruit = (NiceSpinner) view.findViewById(R.id.spinner_fruit);
NiceSpinner spinnerFood = (NiceSpinner) view.findViewById(R.id.spinner_food);
//設定背景,自定義的背景
spinnerFood.setBackgroundResource(R.drawable.style_item);
spinnerFruit.setBackgroundResource(R.drawable.style_item);
//将資料綁定
spinnerFruit.attachDataSource(fruitlist);
spinnerFood.attachDataSource(foodlist);
spinnerFruit.setOnSpinnerItemSelectedListener(new OnSpinnerItemSelectedListener() {
@Override
public void onItemSelected(NiceSpinner parent, View view, int position, long id) {
Toast.makeText(getActivity(), "你選擇标簽" + fruitlist.get(position), Toast.LENGTH_SHORT).show();
}
});
spinnerFood.setOnSpinnerItemSelectedListener(new OnSpinnerItemSelectedListener() {
@Override
public void onItemSelected(NiceSpinner parent, View view, int position, long id) {
Toast.makeText(getActivity(), "你選擇标簽" + foodlist.get(position), Toast.LENGTH_SHORT).show();
}
});
return view;
}
}
三、第三部就是在
drawable
裡面建立一個xml樣式了
style_item
。
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:width="300dp" android:height="72dp">
<shape android:shape="rectangle">
<solid android:color="#ffffffff" />
<corners android:radius="6dp" />
</shape>
</item>
</selector>
ok,這樣大功告成了,運作一下看一下吧!注意,裡面的
list
換成你自己的實際資料就行,布局樣式也可以換成你自己的。