Welcome 微信登录

首页 / 移动开发 / Android / Android仿美团分类下拉菜单实例代码

本文实例为大家分享了Android仿美团下拉菜单的实现代码,分类进行选择,供大家参考,具体内容如下
效果图


操作平台
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"}
实现代码
1、实现逻辑:主要利用Spinner与BaseAdapter来实现菜单下拉。具体美观效果要靠各个控件的调整,以及必要的分割线添加。
2、核心代码
适配器的item代码:item_main.xml
<?xml version="1.0" encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><TextViewandroid: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="测试文字"android:textSize="15dp"/><!--分割线--><TextViewandroid: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>
主页面布局文件activity_main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="40dp"><Spinnerandroid:id="@+id/main_sp1"style="@style/style_spinner"></Spinner><!--这个是spinner之间的分割线--><ImageViewstyle="@style/style_mian_verline"/><Spinnerandroid:id="@+id/main_sp2"style="@style/style_spinner"></Spinner><ImageViewstyle="@style/style_mian_verline"/><Spinnerandroid:id="@+id/main_sp3"style="@style/style_spinner"></Spinner></LinearLayout><!--设置一条分割线--><TextViewandroid:layout_width="match_parent"android:layout_height="1dp"android:background="#dcdcdc"/><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:background="#ffffff"><TextViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center"android:text="我是分类下面的正文内容"/></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;//适配器@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);ButterKnife.bind(this);initData();initAdapter();setListener();}//设置监听事件,将来商家列表的排序都在这里面处理private void setListener() {mMainSp1.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {@Overridepublic void onItemSelected(AdapterView<?> parent, View view, int position, long id) {Toast.makeText(MainActivity.this, "点击了"+data_list1.get(position), Toast.LENGTH_SHORT).show();}@Overridepublic void onNothingSelected(AdapterView<?> parent) {}});mMainSp2.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {@Overridepublic void onItemSelected(AdapterView<?> parent, View view, int position, long id) {Toast.makeText(MainActivity.this, "点击了"+data_list2.get(position), Toast.LENGTH_SHORT).show();}@Overridepublic void onNothingSelected(AdapterView<?> parent) {}});mMainSp3.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {@Overridepublic void onItemSelected(AdapterView<?> parent, View view, int position, long id) {Toast.makeText(MainActivity.this, "点击了"+data_list3.get(position), Toast.LENGTH_SHORT).show();}@Overridepublic 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);}//设置数据来源,这个要在网络获取。由于数据不会太多,不再考虑性能优化问题private void initData() {//数据data_list1 = new ArrayList<>();data_list1.add("全部分类");data_list1.add("零食");data_list1.add("水果");data_list1.add("洗衣");data_list1.add("洗车");data_list1.add("茶饮");//数据data_list2 = new ArrayList<>();data_list2.add("商圈");data_list2.add("郑州航院");data_list2.add("华北水利水电大学");data_list2.add("河南中医大学");data_list2.add("河南财经大学");//数据data_list3 = new ArrayList<>();data_list3.add("智能排序");data_list3.add("好评优先");data_list3.add("离我最近");data_list3.add("价格最低");}//适配器class MyAdapter extends BaseAdapter {private LayoutInflater mLayoutInflater;private List<String> mDataList;MyAdapter(List<String> dataList) {this.mDataList = dataList;mLayoutInflater = LayoutInflater.from(MainActivity.this);}@Overridepublic int getCount() {return mDataList.size();}@Overridepublic Object getItem(int position) {return mDataList.get(position);}@Overridepublic long getItemId(int position) {return position;}//数据不太多,没有使用ViewHolder进行处理。@Overridepublic 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;}}}
以上就是本文的全部内容,希望对大家学习Android软件编程有所帮助。