Android实现下拉展示条目效果

 更新时间:2019年01月28日 11:44:16   作者:常利兵  
这篇文章主要为大家详细介绍了Android实现下拉展示条目效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android下拉展示条目的具体代码,供大家参考,具体内容如下

布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:background="#000000"
tools:context="com.example.a2_.MainActivity">

<EditText
  android:id="@+id/et_input"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:textColor="#fff"
  android:text="请输入内容" />

<ImageButton
  android:padding="6dp"
  android:background="@null"
  android:layout_alignRight="@id/et_input"
  android:id="@+id/ib"
  android:src="@mipmap/down_arrow"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content" />
</RelativeLayout>

条目布局文件

<?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="wrap_content"
android:padding="5dp"
android:descendantFocusability="blocksDescendants"
android:orientation="horizontal">

<ImageView

  android:src="@mipmap/user"
  android:id="@+id/iv_user"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content" />

<TextView
  android:layout_weight="1"
  android:id="@+id/tv_data"
  android:text="100"
  android:textColor="#000000"
  android:gravity="center_horizontal"
  android:layout_width="0dp"
  android:layout_height="wrap_content" />

<ImageButton
  android:background="@null"
  android:src="@mipmap/delete"
  android:id="@+id/iv_delete"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content" />

</LinearLayout>

核心代码

package com.example.a2_;

import android.graphics.drawable.ColorDrawable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.EditText;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

private EditText et_input;
private PopupWindow popupWindow;
private ListView lv_list;
private ArrayList<String> data;
private MyAdapter myAdapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  //初始化控件
  et_input = (EditText) findViewById(R.id.et_input);
  ImageButton ib = (ImageButton) findViewById(R.id.ib);

  //初始化数据源
  initData();
  //创建一个listView
  lv_list = new ListView(this);
  //给listview设置背景
  lv_list.setBackgroundResource(R.mipmap.listview_background);
  //给listview设置适配器
  myAdapter = new MyAdapter();
  lv_list.setAdapter(myAdapter);
  //给listview设置条目点击事件
  lv_list.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
      //当点击到一个条目的时候,就把这个条目的内容显示在输入框中
      et_input.setText(data.get(position));
      popupWindow.dismiss();
    }
  });

  //给按钮设置点击事件
  ib.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
      //当点击下拉按钮时,显示列表选项
      showPopup();
    }
  });

}

//初始化数据
private void initData() {
  //创建一个集合,用来存储数据
  data = new ArrayList<>();
  //通过for循环创建数据
  for (int i = 1;i<20;i++){
    data.add(100+i+"");
  }
}

//显示下拉的列表条目
private void showPopup() {
  //创建PopupWindow对象
  popupWindow = new PopupWindow(lv_list,et_input.getWidth(),500,true);
  //为了在点击列表条目之外的区域能够让列表条目隐藏,为列表条目设置一个背景
  popupWindow.setBackgroundDrawable(new ColorDrawable());
  //让列表条目显示 并指定在哪个列表条目下展示
  popupWindow.showAsDropDown(et_input);
}

//创建一个适配器
class MyAdapter extends BaseAdapter{

  @Override
  public int getCount() {
    return data.size();
  }

  @Override
  public String getItem(int position) {
    return data.get(position);
  }

  @Override
  public long getItemId(int position) {
    return position;
  }

  @Override
  public View getView(final int position, View convertView, ViewGroup parent) {
    //判断convertView是否为空
    if (convertView==null){
      convertView = View.inflate(MainActivity.this,R.layout.lv_item,null);

    }
    //找到控件
    TextView tv_data = (TextView) convertView.findViewById(R.id.tv_data);
    ImageView iv_delete = (ImageView) convertView.findViewById(R.id.iv_delete);

    //设置点击事件
    iv_delete.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        //删除集合里面的数据
        data.remove(position);
        //刷新页面
        myAdapter.notifyDataSetChanged();
      }
    });
    //获取数据
    String data = getItem(position);
    //设置数据
    tv_data.setText(data);
    return convertView;
  }
}

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android编程中的四大基本组件与生命周期详解

    Android编程中的四大基本组件与生命周期详解

    这篇文章主要介绍了Android编程中的四大基本组件与生命周期,结合实例形式较为详细的分析了Android四大组件及生命周期的相关概念与使用技巧,需要的朋友可以参考下
    2015-12-12
  • 如何给Flutter界面切换实现点特效

    如何给Flutter界面切换实现点特效

    这篇文章主要给大家介绍了关于如何给Flutter界面切换实现点特效的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Flutter具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-09-09
  • 详解Flutter网络图片本地缓存的实现

    详解Flutter网络图片本地缓存的实现

    这篇文章主要为大家介绍了详解Flutter网络图片本地缓存的实现示例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • Android RadioGroup多行显示效果 解决单选问题

    Android RadioGroup多行显示效果 解决单选问题

    这篇文章主要为大家详细介绍了Android RadioGroup多行显示效果,解决单选问题,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • Android检测IBeacon热点的方法

    Android检测IBeacon热点的方法

    这篇文章主要介绍了Android检测IBeacon热点的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • Android Studio 3.6 调试 smali的全过程

    Android Studio 3.6 调试 smali的全过程

    这篇文章主要介绍了Android Studio 3.6 调试 smali, 目前最新版的 Android Studio 利用附加功能调试 smali 非常方便,具体操作步骤跟随小编一起看看吧
    2020-02-02
  • Android开源框架的SlidingFragment的使用示例

    Android开源框架的SlidingFragment的使用示例

    今天小编就为大家分享一篇关于Android开源框架的SlidingFragment的使用示例,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-03-03
  • Android 拦截返回键事件的实例详解

    Android 拦截返回键事件的实例详解

    这篇文章主要介绍了Android 拦截返回键事件的实例详解的相关资料,希望通过本文能帮助到大家,让大家掌握这部分内容,需要的朋友可以参考下
    2017-10-10
  • Android TextView跑马灯效果实现方法

    Android TextView跑马灯效果实现方法

    这篇文章主要介绍了Android TextView跑马灯效果实现方法,涉及Android布局文件中相关属性的设置技巧,非常简单实用,需要的朋友可以参考下
    2016-01-01
  • Android使用原生组件WebView加载网页和数据的方法

    Android使用原生组件WebView加载网页和数据的方法

    这篇文章主要介绍了Android使用原生组件WebView加载网页和数据的方法的相关资料,需要的朋友可以参考下
    2016-09-09

最新评论