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"?>
<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;
    }
  }

}

以上就是本文的全部内容,希望对大家学习Android软件编程有所帮助。

(0)

相关推荐

  • Android仿美团淘宝实现多级下拉列表菜单功能

    我们在常用的电商或者旅游APP中,例如美团,手机淘宝等等,都能够看的到有那种下拉式的二级列表菜单.具体如图所示: 上面两张图就是美团的一个二级列表菜单的一个展示.我相信很多人都想开发一个跟它一样的功能放到自己的APP中.好,接下来我们就开始动手,解决它. 1.结构分析 首先,我们给出这个下拉菜单需要的组建.我们用线框图来分析. 1)如上图所示,最外围的是一个Activity,顶部包含了一个View的容器,这个容器主要是装载ToggleButton来实现诸如美团里面的"美食,全城,理我最近,刷选&

  • Android编程实现仿美团或淘宝的多级分类菜单效果示例【附demo源码下载】

    本文实例讲述了Android编程实现仿美团或淘宝的多级分类菜单效果.分享给大家供大家参考,具体如下: 这里要实现的是诸如美团/淘宝/百度糯米 多级分类菜单效果.当分类数量非常多时可以考虑采用两级分类,而诸如美团这种表现方式是一个不错的选择. 首先上效果图:   主要代码: 1. PopupWindow初始化过程: popupWindow = new PopupWindow(this); View view = LayoutInflater.from(this).inflate(R.layout.

  • Android仿美团下拉菜单(商品选购)实例代码

    美团电商应用平台大家使用非常频繁,下面小编通过本文给大家介绍电商应用平台中常用的选择类别下拉列表的实现.先给大家展示下效果图: 一.下拉列表的实现 其实实现方法有很多,这时实现的也没有什么技术含量,只是总结下自己在项目中的做法,也提供一个思路. 首先是列表的数据,一般数据都是从后台读过来,这里因为没有后台,所以写死在客户端: private void initMenuData() { menuData = new ArrayList<map<string, string=""

  • Android模仿美团顶部的滑动菜单实例代码

    前言 本文主要给大家介绍了关于Android模仿美团顶部滑动菜单的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 先来看下效果图: 实现方法 这是通过 ViewPager 和 GridView 相结合做出来的效果,每一个 ViewPager 页面都是一个 GridView,底部的每个滑动指示圆点都是从布局文件中 inflate 出来的 首先需要一个代表每个活动主题的 JavaBean /** * Created by CZY on 2017/6/23. */ publ

  • 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

  • Android开发Popwindow仿微信右上角下拉菜单实例代码

    先给大家看下效果图: MenuPopwindow: package com.cloudeye.android.cloudeye.view; import android.app.Activity; import android.content.Context; import android.graphics.drawable.ColorDrawable; import android.view.LayoutInflater; import android.view.View; import an

  • 第八篇Bootstrap下拉菜单实例代码

    先给大家说下我的实现思路:给div一个class "dropdown",将下拉菜单放在这个div里就可以显示bootstrap的下拉菜单. <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="drop

  • JavaScript简单下拉菜单实例代码

    本文实例讲述了JavaScript简单下拉菜单实例代码.分享给大家供大家参考.具体如下: 这是一款JavaScript实现的下拉菜单演示代码,带渐变效果的CSS+jQuery菜单,向下滑出型的菜单,最高支持两级,网上常见到的一种菜单风格,希望大家喜欢哦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-simple-xlcd-down-menu-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C/

  • zTree插件之多选下拉菜单实例代码

    zTree插件之多选下拉菜单实例代码css和js 复制代码 代码如下: <!--ztree树结构--><link rel="stylesheet" type="text/css" href="assets/ztree/css/zTreeStyle.css"><link rel="stylesheet" type="text/css" href="assets/ztre

  • android用PopWindow做下拉框实例代码

    最近在做下拉框,本来想用spinner,可是spinner达不到项目要求,跟同学同事问了一圈,都在用popwindow,网上看了一下,popwindow挺简单的,可定制性挺强的,符合我的要求,所以,借鉴网上看的代码,自己撸了一遍.写篇博客以防忘记. 首先,先写个自定义布局,代码如下 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://sche

  • java省市级联下拉菜单实例代码

    本文实例为大家分享了java省市级联的具体代码,供大家参考,具体内容如下 1.LoadAreaServlet.java package com.scce.servlet; import java.io.IOException; import java.io.PrintWriter; import java.util.ArrayList; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; im

  • zTree插件之单选下拉菜单实例代码

    复制代码 代码如下: <!--ztree树结构--><link rel="stylesheet" type="text/css" href="assets/ztree/css/zTreeStyle.css"><link rel="stylesheet" type="text/css" href="assets/ztree/css/zTreeIcons.css"

  • Android 仿硅谷新闻下拉刷新/上拉加载更多

    1.添加加载更多布局 1_初始化和隐藏代码 在RefreshListView构造方法中调用 private void initFooterView(Context context) { View footerView = View.inflate(context, R.layout.refresh_listview_footer, null); //隐藏代码 footerView.measure(0, 0); int footerViewHeight = footerView.getMeasur

随机推荐