Android仿美團(tuán)分類下拉菜單實(shí)例代碼
本文實(shí)例為大家分享了Android仿美團(tuán)下拉菜單的實(shí)現(xiàn)代碼,分類進(jìn)行選擇,供大家參考,具體內(nèi)容如下
效果圖

操作平臺(tái)
AS2.0
第三方框架:butterknife
build.gradle
dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
testCompile 'junit:junit:4.12'
compile 'com.android.support:appcompat-v7:23.4.0'
compile 'com.jakewharton:butterknife:7.0.1'
}
實(shí)現(xiàn)代碼
1、實(shí)現(xiàn)邏輯:主要利用Spinner與BaseAdapter來(lái)實(shí)現(xiàn)菜單下拉。具體美觀效果要靠各個(gè)控件的調(diào)整,以及必要的分割線添加。
2、核心代碼
適配器的item代碼:item_main.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"
>
<TextView
android:id="@+id/item_main_tv"
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_marginLeft="16dp"
android:background="#fff"
android:gravity="center_vertical"
android:singleLine="true"
android:text="測(cè)試文字"
android:textSize="15dp"
/>
<!--分割線-->
<TextView
android:id="@+id/main_tv_line"
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:background="#edecec"/>
</LinearLayout>
主頁(yè)面布局文件activity_main.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"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
>
<Spinner
android:id="@+id/main_sp1"
style="@style/style_spinner">
</Spinner>
<!--這個(gè)是spinner之間的分割線-->
<ImageView
style="@style/style_mian_verline"/>
<Spinner
android:id="@+id/main_sp2"
style="@style/style_spinner"
></Spinner>
<ImageView
style="@style/style_mian_verline"/>
<Spinner
android:id="@+id/main_sp3"
style="@style/style_spinner"
></Spinner>
</LinearLayout>
<!--設(shè)置一條分割線-->
<TextView
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#dcdcdc"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffffff">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="我是分類下面的正文內(nèi)容"/>
</LinearLayout>
</LinearLayout>
style文件
<!--spinner的樣式-->
<style name="style_spinner">
<item name="android:layout_width">0dp</item>
<item name="android:layout_height">40dp</item>
<item name="android:layout_weight">1</item>
<item name="android:dropDownVerticalOffset">40dp</item>
<item name="android:dropDownWidth">1000dp</item>
</style>
<!--定義spinner之間的線的樣式-->
<style name="style_mian_verline">
<item name="android:layout_width">1dp</item>
<item name="android:layout_height">25dp</item>
<item name="android:background">#dcdcdc</item>
<item name="android:layout_gravity">center_vertical</item>
</style>
MainActivity與適配器寫在了一起,便于操作
public class MainActivity extends AppCompatActivity {
@Bind(R.id.main_sp1)
Spinner mMainSp1;
@Bind(R.id.main_sp2)
Spinner mMainSp2;
@Bind(R.id.main_sp3)
Spinner mMainSp3;
private List<String> data_list1;
private List<String> data_list2;
private List<String> data_list3;
private BaseAdapter arr_adapter;//適配器
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ButterKnife.bind(this);
initData();
initAdapter();
setListener();
}
//設(shè)置監(jiān)聽(tīng)事件,將來(lái)商家列表的排序都在這里面處理
private void setListener() {
mMainSp1.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
Toast.makeText(MainActivity.this, "點(diǎn)擊了"+data_list1.get(position), Toast.LENGTH_SHORT).show();
}
@Override
public void onNothingSelected(AdapterView<?> parent) {
}
});
mMainSp2.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
Toast.makeText(MainActivity.this, "點(diǎn)擊了"+data_list2.get(position), Toast.LENGTH_SHORT).show();
}
@Override
public void onNothingSelected(AdapterView<?> parent) {
}
});
mMainSp3.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
Toast.makeText(MainActivity.this, "點(diǎn)擊了"+data_list3.get(position), Toast.LENGTH_SHORT).show();
}
@Override
public void onNothingSelected(AdapterView<?> parent) {
}
});
}
private void initAdapter() {
//適配器
arr_adapter = new MyAdapter(data_list1);
mMainSp1.setAdapter(arr_adapter);
//適配器
arr_adapter = new MyAdapter(data_list2);
mMainSp2.setAdapter(arr_adapter);
//適配器
arr_adapter = new MyAdapter(data_list3);
mMainSp3.setAdapter(arr_adapter);
}
//設(shè)置數(shù)據(jù)來(lái)源,這個(gè)要在網(wǎng)絡(luò)獲取。由于數(shù)據(jù)不會(huì)太多,不再考慮性能優(yōu)化問(wèn)題
private void initData() {
//數(shù)據(jù)
data_list1 = new ArrayList<>();
data_list1.add("全部分類");
data_list1.add("零食");
data_list1.add("水果");
data_list1.add("洗衣");
data_list1.add("洗車");
data_list1.add("茶飲");
//數(shù)據(jù)
data_list2 = new ArrayList<>();
data_list2.add("商圈");
data_list2.add("鄭州航院");
data_list2.add("華北水利水電大學(xué)");
data_list2.add("河南中醫(yī)大學(xué)");
data_list2.add("河南財(cái)經(jīng)大學(xué)");
//數(shù)據(jù)
data_list3 = new ArrayList<>();
data_list3.add("智能排序");
data_list3.add("好評(píng)優(yōu)先");
data_list3.add("離我最近");
data_list3.add("價(jià)格最低");
}
//適配器
class MyAdapter extends BaseAdapter {
private LayoutInflater mLayoutInflater;
private List<String> mDataList;
MyAdapter(List<String> dataList) {
this.mDataList = dataList;
mLayoutInflater = LayoutInflater.from(MainActivity.this);
}
@Override
public int getCount() {
return mDataList.size();
}
@Override
public Object getItem(int position) {
return mDataList.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
//數(shù)據(jù)不太多,沒(méi)有使用ViewHolder進(jìn)行處理。
@Override
public View getView(int position, View convertView, ViewGroup parent) {
convertView = View.inflate(MainActivity.this, R.layout.item_main, null);
TextView textView = (TextView) convertView.findViewById(R.id.item_main_tv);
textView.setText(mDataList.get(position));
return convertView;
}
}
}
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家學(xué)習(xí)Android軟件編程有所幫助。
- Android自定義StepView仿外賣配送進(jìn)度
- Android仿外賣購(gòu)物車功能
- Android仿百度外賣自定義下拉刷新效果
- Android仿美團(tuán)下拉菜單(商品選購(gòu))實(shí)例代碼
- Android編程實(shí)現(xiàn)仿美團(tuán)或淘寶的多級(jí)分類菜單效果示例【附demo源碼下載】
- Android仿美團(tuán)淘寶實(shí)現(xiàn)多級(jí)下拉列表菜單功能
- Android模仿美團(tuán)頂部的滑動(dòng)菜單實(shí)例代碼
- 模仿美團(tuán)點(diǎn)評(píng)的Android應(yīng)用中價(jià)格和購(gòu)買欄懸浮固定的效果
- Android使用RecyclerView仿美團(tuán)分類界面
- Android仿美團(tuán)外賣菜單界面
相關(guān)文章
Android巧用XListView實(shí)現(xiàn)萬(wàn)能下拉刷新控件
這篇文章主要為大家詳細(xì)介紹了Android巧用XListView實(shí)現(xiàn)萬(wàn)能下拉刷新控件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-01-01
Android實(shí)現(xiàn)登錄郵箱的自動(dòng)補(bǔ)全功能
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)登錄郵箱的自動(dòng)補(bǔ)全功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-04-04
Jsoup 抓取頁(yè)面的數(shù)據(jù)實(shí)例詳解
這篇文章主要介紹了Jsoup 抓取頁(yè)面的數(shù)據(jù)實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-12-12
DialogFragment運(yùn)行原理及使用方法詳解
這篇文章主要介紹了DialogFragment運(yùn)行原理及使用方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-10-10
Android 開(kāi)發(fā)訂單流程view實(shí)例詳解
這篇文章主要介紹了 Android 開(kāi)發(fā)訂單流程view實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-03-03
Android組件實(shí)現(xiàn)長(zhǎng)按彈出上下文菜單功能的方法
這篇文章主要介紹了Android組件實(shí)現(xiàn)長(zhǎng)按彈出上下文菜單功能的方法,結(jié)合實(shí)例形式分析了Android實(shí)現(xiàn)長(zhǎng)按彈出上下文菜單的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-07-07
Android自定義ViewGroup實(shí)現(xiàn)朋友圈九宮格控件
在我們的實(shí)際應(yīng)用中,經(jīng)常需要用到自定義控件,比如自定義圓形頭像,自定義計(jì)步器等等,這篇文章主要給大家介紹了關(guān)于Android自定義ViewGroup實(shí)現(xiàn)朋友圈九宮格控件的相關(guān)資料,需要的朋友可以參考下2021-07-07
Android實(shí)現(xiàn)簡(jiǎn)單的分頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)簡(jiǎn)單的分頁(yè)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11
Android 6.0 藍(lán)牙搜索不到設(shè)備原因,MIUI權(quán)限申請(qǐng)機(jī)制方法
今天小編就為大家分享一篇Android6.0 藍(lán)牙搜索不到設(shè)備原因,MIUI權(quán)限申請(qǐng)機(jī)制方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-07-07

