美团商家分类菜单

来源:互联网 发布:人民大学 数据库系统 编辑:程序博客网 时间:2024/03/29 23:46

美团商家分类菜单

目录

  • 效果图
  • 操作平台
  • 实现代码
  • 操作源码

效果图

美团商家分类菜单

操作平台

  • 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'}

实现代码

实现逻辑

主要利用Spinner与BaseAdapter来实现菜单下拉。具体美观效果要靠各个控件的调整,以及必要的分割线添加。

核心代码

  • 适配器的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="测试文字"        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>
  • 主页面布局文件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>        <!--这个是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>    <!--设置一条分割线-->    <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="我是分类下面的正文内容"/>    </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();    }    //设置监听事件,将来商家列表的排序都在这里面处理    private void setListener() {        mMainSp1.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {            @Override            public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {                Toast.makeText(MainActivity.this, "点击了"+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, "点击了"+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, "点击了"+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);    }    //设置数据来源,这个要在网络获取。由于数据不会太多,不再考虑性能优化问题    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);        }        @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;        }        //数据不太多,没有使用ViewHolder进行处理。        @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;        }    }}

操作源码

http://download.csdn.net/detail/wgyscsf/9522533

1 0
原创粉丝点击