Android仿美團(tuán)分類(lèi)下拉菜單實(shí)例代碼

更新時(shí)間：2016年05月18日 15:24:22 作者：剩菜剩飯

這篇文章主要為大家詳細(xì)介紹了Android仿美團(tuán)分類(lèi)下拉菜單實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Android仿美團(tuán)下拉菜單的實(shí)現(xiàn)代碼，分類(lèi)進(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)整，以及必要的分割線(xiàn)添加。
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"
    />
  <!--分割線(xiàn)-->
  <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之間的分割線(xiàn)-->
    <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è)置一條分割線(xiàn)-->
  <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="我是分類(lèi)下面的正文內(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之間的線(xiàn)的樣式-->
  <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與適配器寫(xiě)在了一起，便于操作

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("全部分類(lèi)");
    data_list1.add("零食");
    data_list1.add("水果");
    data_list1.add("洗衣");
    data_list1.add("洗車(chē)");
    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軟件編程有所幫助。

您可能感興趣的文章: