现在市面上的很多的应用,都带有下拉列表的功能,将所有选项都放在下拉列表中,当用户点击选择的时候,弹出所有的选项,用户选择一项后,下拉列表自动隐藏,很多下拉列表都是用ListView + PopupWindow来实现的,由于Google推出了替代ListView的RecyclerView,所以简单实现一下:
MainActivity.java
package com.jackie.countdowntimer; import android.graphics.drawable.BitmapDrawable; import android.os.Bundle; import android.os.CountDownTimer; import android.support.design.widget.FloatingActionButton; import android.support.design.widget.Snackbar; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.LinearLayoutManager; import android.support.v7.widget.RecyclerView; import android.support.v7.widget.Toolbar; import android.view.View; import android.widget.EditText; import android.widget.ImageButton; import android.widget.PopupWindow; import java.util.ArrayList; import java.util.List; public class MainActivity extends AppCompatActivity implements View.OnClickListener { private EditText mNumberEditText; private ImageButton mSelectImageButton; private PopupWindow mPopupWindow; private RecyclerView mRecyclerView; private RecyclerViewAdapter mRecyclerViewAdapter; private List<String> mNumberList; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab); fab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG) .setAction("Action", null).show(); } }); //初始化数据 mNumberList = new ArrayList<>(); for (int i = 0; i < 30; i++) { mNumberList.add("1000000" + i); } mNumberEditText = (EditText) findViewById(R.id.number); mSelectImageButton = (ImageButton) findViewById(R.id.select_number); mSelectImageButton.setOnClickListener(this); } @Override public void onClick(View v) { switch (v.getId()) { case R.id.select_number: showSelectNumberPopupWindow(); break; } } /** * 弹出选择号码的对话框 */ private void showSelectNumberPopupWindow() { initRecyclerView(); mPopupWindow = new PopupWindow(mRecyclerView, mNumberEditText.getWidth() - 4, 200); mPopupWindow.setOutsideTouchable(true); // 设置外部可以被点击 mPopupWindow.setBackgroundDrawable(new BitmapDrawable()); mPopupWindow.setFocusable(true); // 使PopupWindow可以获得焦点 // 显示在输入框的左下角 mPopupWindow.showAsDropDown(mNumberEditText, 2, -5); } /** * 初始化RecyclerView,模仿ListView下拉列表的效果 */ private void initRecyclerView(){ mRecyclerView = new RecyclerView(this); //设置布局管理器 mRecyclerView.setLayoutManager(new LinearLayoutManager(this)); mRecyclerView.setBackgroundResource(R.drawable.background); //设置Adapter mRecyclerViewAdapter = new RecyclerViewAdapter(this, mNumberList); mRecyclerView.setAdapter(mRecyclerViewAdapter); //设置点击事件 mRecyclerViewAdapter.setOnItemClickListener(new RecyclerViewAdapter.OnItemClickListener() { @Override public void onItemClick(View view, int position) { mNumberEditText.setText(mNumberList.get(position)); mNumberEditText.setSelection(mNumberEditText.getText().toString().length()); mPopupWindow.dismiss(); } }); //添加分割线 mRecyclerView.addItemDecoration(new DividerItemDecoration(this, DividerItemDecoration.VERTICAL_LIST)); } }
RecyclerViewAdapter.java
package com.jackie.countdowntimer; import android.content.Context; import android.support.v7.widget.RecyclerView; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ImageButton; import android.widget.TextView; import java.util.List; /** * Created by Jackie on 2015/12/18. * RecyclerView Adapter */ public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.RecyclerViewHolder> { private OnItemClickListener mOnItemClickListener; private Context mContext; private List<String> mNumberList; public RecyclerViewAdapter(Context context, List<String> numberList) { this.mContext = context; this.mNumberList = numberList; } public interface OnItemClickListener { void onItemClick(View view, int position); } public void setOnItemClickListener(OnItemClickListener onItemClickListener) { this.mOnItemClickListener = onItemClickListener; } @Override public RecyclerViewAdapter.RecyclerViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { RecyclerViewHolder holder = new RecyclerViewHolder(LayoutInflater.from(mContext).inflate(R.layout.number_item, parent, false)); return holder; } @Override public void onBindViewHolder(final RecyclerViewAdapter.RecyclerViewHolder holder, final int position) { holder.numberTextView.setText(mNumberList.get(position)); // 如果设置了回调,则设置点击事件 if (mOnItemClickListener != null) { holder.numberTextView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { mOnItemClickListener.onItemClick(holder.itemView, holder.getLayoutPosition()); } }); } holder.deleteImageButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { mNumberList.remove(position); //通知刷新 notifyItemRemoved(position); } }); } @Override public int getItemCount() { return mNumberList.size(); } public class RecyclerViewHolder extends RecyclerView.ViewHolder { TextView numberTextView; ImageButton deleteImageButton; public RecyclerViewHolder(View itemView) { super(itemView); numberTextView = (TextView) itemView.findViewById(R.id.number_item); deleteImageButton = (ImageButton) itemView.findViewById(R.id.number_item_delete); } } }
DividerItemDecoration.java
package com.jackie.countdowntimer; /* * Copyright (C) 2014 The Android Open Source Project * * Licensed under the Apache License, Version 2.0 (the "License"); * limitations under the License. */ import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Rect; import android.graphics.drawable.Drawable; import android.support.v7.widget.LinearLayoutManager; import android.support.v7.widget.RecyclerView; import android.view.View; /** * This class is from the v7 samples of the Android SDK. It's not by me! * <p/> * See the license above for details. */ public class DividerItemDecoration extends RecyclerView.ItemDecoration { private static final int[] ATTRS = new int[]{ android.R.attr.listDivider }; public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL; public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL; private Drawable mDivider; private int mOrientation; public DividerItemDecoration(Context context, int orientation) { final TypedArray a = context.obtainStyledAttributes(ATTRS); mDivider = a.getDrawable(0); a.recycle(); setOrientation(orientation); } public void setOrientation(int orientation) { if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) { throw new IllegalArgumentException("invalid orientation"); } mOrientation = orientation; } @Override public void onDraw(Canvas c, RecyclerView parent) { if (mOrientation == VERTICAL_LIST) { drawVertical(c, parent); } else { drawHorizontal(c, parent); } } public void drawVertical(Canvas c, RecyclerView parent) { final int left = parent.getPaddingLeft(); final int right = parent.getWidth() - parent.getPaddingRight(); final int childCount = parent.getChildCount(); for (int i = 0; i < childCount; i++) { final View child = parent.getChildAt(i); android.support.v7.widget.RecyclerView v = new android.support.v7.widget.RecyclerView(parent.getContext()); final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams(); final int top = child.getBottom() + params.bottomMargin; final int bottom = top + mDivider.getIntrinsicHeight(); mDivider.setBounds(left, top, right, bottom); mDivider.draw(c); } } public void drawHorizontal(Canvas c, RecyclerView parent) { final int top = parent.getPaddingTop(); final int bottom = parent.getHeight() - parent.getPaddingBottom(); final int childCount = parent.getChildCount(); for (int i = 0; i < childCount; i++) { final View child = parent.getChildAt(i); final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams(); final int left = child.getRight() + params.rightMargin; final int right = left + mDivider.getIntrinsicHeight(); mDivider.setBounds(left, top, right, bottom); mDivider.draw(c); } } @Override public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) { if (mOrientation == VERTICAL_LIST) { outRect.set(0, 0, 0, mDivider.getIntrinsicHeight()); } else { outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0); } } }
效果图如下:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍JavaScript实现下拉列表,包括了JavaScript实现下拉列表的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JavaScript实现下拉列表的具体代码,供大家参考,具体内容如下 这一次写了一个比较简单的下拉列表的实现,点击出现列表内容,再次点击列表消失,研究了很久,发现这种js写法确实比较好用。先看一下效果。 直接上代码,js是主要写的部分,css是随意调试
本文向大家介绍jQuery实现自定义下拉列表,包括了jQuery实现自定义下拉列表的使用技巧和注意事项,需要的朋友参考一下 html代码: css代码: js(jquery)代码: 虽然代码很简单,但是效果是不是非常酷呢
本文向大家介绍Android仿美团淘宝实现多级下拉列表菜单功能,包括了Android仿美团淘宝实现多级下拉列表菜单功能的使用技巧和注意事项,需要的朋友参考一下 我们在常用的电商或者旅游APP中,例如美团,手机淘宝等等,都能够看的到有那种下拉式的二级列表菜单。具体如图所示: 上面两张图就是美团的一个二级列表菜单的一个展示。我相信很多人都想开发一个跟它一样的功能放到自己的APP中。好,接下来我们就开始
增加下拉列表在到按钮上,确保 data-activates 属性匹配 <ul> 标签的 id,你可以增加分隔线通过 <li class="divider"></li> 标签。 <!-- Dropdown Trigger --> <a class='dropdown-button btn' href='#' data-activates='dropdown1'>单击我</a> <!-- D
本文向大家介绍Bootstrop实现多级下拉菜单功能,包括了Bootstrop实现多级下拉菜单功能的使用技巧和注意事项,需要的朋友参考一下 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 下面给大家分享bootstrap多级下拉菜单功能的实例代码。 先给大家看下效果
本文向大家介绍iOS 三级下拉菜单功能实现,包括了iOS 三级下拉菜单功能实现的使用技巧和注意事项,需要的朋友参考一下 前言 App 常用控件 -- 多级下拉菜单, 如团购类, 房屋类, 对数据进行筛选. 有一级, 二级, 三级, 再多就不会以这种样式,呈现给用户了. 作者就简单聊一下 多级下拉菜单 一 目标 默认显示一个 TableView, 点击数据后, 添加第二个TableView, 并实现