专栏首页伟大程序猿的诞生安卓自定义列表dialog

安卓自定义列表dialog

前言

很早之前写过一篇 自定义提示信息Dialog 如图:

这个形式也是最常用的,不过最近需要用到列表信息Dialog,原生的不光样式不能满足需求,而且是开发电视端的APP,需要对焦点进行特殊处理,所以就需要自定义Dialog

我们先来看一下系统自带的列表Dialog。

系统自带列表Dialog

第一种:纯列表

我们先来看第一种:

最简单的一种,没有当前状态,只有列表,选中之后弹框就会消失(非手动调用dialog.dismiss()

代码如下:

AlertDialog alertDialog = new AlertDialog
    .Builder(MainActivity.this)
    .setItems(new String[]{"科目一", "科目二", "科目三"}, new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
            Toast.makeText(MainActivity.this,"选择了第"+which+"个",Toast.LENGTH_SHORT).show();
        }
    }).create();
alertDialog.show();

第二种:单选列表

这种列表会有checked提示,setSingleChoiceItems()中第二个参数就是控制第几个被选中,而且点击之后不会自动消失,需要手动调用dialog.dismiss(),有时会配合setNegativeButton()、setPositiveButton等一起使用。

代码如下:

AlertDialog alertDialog = new AlertDialog
    .Builder(MainActivity.this)
    .setSingleChoiceItems(new String[]{"科目一", "科目二", "科目三"}, 0, new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
            Toast.makeText(MainActivity.this,"选择了第"+which+"个",Toast.LENGTH_SHORT).show();
        }
    }).create();
alertDialog.show();

第三种:多选列表

这种列表也会有checked提示,而且是多选框,setSingleChoiceItems()的第二个参数是boolean数组,控制哪些被选中。而且点击之后也不会自动消失,需要手动调用dialog.dismiss(),有时会配合setNegativeButton()、setPositiveButton()等一起使用。

代码如下:

AlertDialog alertDialog = new AlertDialog
    .Builder(MainActivity.this)
    .setMultiChoiceItems(new String[]{"科目一", "科目二", "科目三"}, new boolean[]{true, false, true}, new DialogInterface.OnMultiChoiceClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which, boolean isChecked) {
            Toast.makeText(MainActivity.this,"选择了第"+which+"个",Toast.LENGTH_SHORT).show();
        }
    }).create();
alertDialog.show();

自定义Dialog

看了系统自带的效果你会发现不能满足UI的效果,那么接下来进行我们的自定义。

第一步:自定义item的布局文件

item布局文件dialog_item.xml代码

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/contentConstraintLayout"
    android:layout_width="@dimen/dp_450"
    android:layout_height="@dimen/dp_85">

    <TextView
        android:id="@+id/typeTextview"
        android:textSize="@dimen/sp_30"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="32dp"
        android:text="256Kbps"
        android:textColor="@color/color_212121"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <ImageView
        android:id="@+id/stateImageView"
        android:layout_width="@dimen/dp_65"
        android:layout_height="@dimen/dp_65"
        android:layout_marginEnd="17dp"
        android:background="@drawable/diglog_sel"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>

图片选中效果diglog_sel.xml代码

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/selected" android:state_selected="true" />
    <item android:drawable="@android:color/transparent" />
</selector>

第二步:自定义adapter

我这里只是传递一些简单的数据到adapter,具体看实际业务传递不同的数据,控制不同的效果。

public class DialogItemAdapter extends BaseAdapter {
    //这里可以传递个对象,用来控制不同的item的效果
    //比如每个item的背景资源,选中样式等
    public List<String> list;
    LayoutInflater inflater;

    public DialogItemAdapter(Context context, List<String> list) {
        this.list = list;
        inflater = LayoutInflater.from(context);
    }

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

    @Override
    public String getItem(int i) {
        if (i == getCount() || list == null) {
            return null;
        }
        return list.get(i);
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup viewGroup) {
        ViewHolder holder;
        if (convertView == null) {
            holder = new ViewHolder();
            convertView = inflater.inflate(R.layout.dialog_item, null);
            holder.typeTextview = (TextView) convertView.findViewById(R.id.typeTextview);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }
        holder.typeTextview.setText(getItem(position));
        return convertView;
    }

    public static class ViewHolder {
        public TextView typeTextview;
    }
}

第三步:使用

DialogItemAdapter adapter = new DialogItemAdapter(MainActivity.this, iniDatas());

AlertDialog alertDialog = new AlertDialog
     .Builder(MainActivity.this)
    .setSingleChoiceItems(adapter, 0, new DialogInterface.OnClickListener() {
        @Override
            public void onClick(DialogInterface dialog, int which) {
                dialog.dismiss();
        }
    }).create();
alertDialog.show();
public List<String> iniDatas() {
    List<String> list = new ArrayList<String>();

    list.add("科目一");
    list.add("科目二");
    list.add("科目三");

    return list;
}

博主这个dialog要在TV上使用,所以可以看到通过上下键控制选中的时候右边会有一个选中箭头,然后在点击的时候dismiss

更多效果等待你可自行打造你的专属Dialog。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 安卓自定义Dialog的实现

    先知先觉
  • Android library快速构建上传jcenter

    compile 'com.android.support:appcompat-v7:25.2.0'

    先知先觉
  • 安卓直播详细教程(三)-----ijkplayer打造个性化控制界面

    例子中AndroidMediaController的功能主要是支持将顶部的toolbar和MediaController绑定在一起,一起show/hide.

    先知先觉
  • Android 天气APP(十二)空气质量、UI优化调整

    这个空气质量包含的就是一些常规的空气指数,比如PM2.5、PM10等数据,相信任何天气APP都会有这些数据,所以我也加上去吧,并且修改一些UI。

    晨曦_LLW
  • 这个控件你必须会用!—ListView+GirdView合集

    ListView 列表视图,直接继承了 AbsListView,是一个以垂直方式在项目中显示 View视图的列表。ListView的数据项,来自一个继承了 Li...

    下码看花
  • 在Android界面上显示和获取Logcat日志输出的方法

    当我们设置好之后,我们还需要一个process类,作用通俗来讲就是用Java代码来进行adb命令行操作代码是:

    砸漏
  • 错误操作怎么办?用他让你不再害怕!—Dialog最详解

    Hi,好久不见,甚是想念各位花粉,为了感谢花粉们长久以来的支持,本篇文章继续分享Android中非常实用的干货— Dialog(对话框)!那么什么叫 Dialo...

    下码看花
  • 12、json、GridView、缓存

    六月的雨
  • 9.indicate、xutils、json

    六月的雨
  • Android使用Spinner实现城市级联下拉框

    最近写一个使用Spinner实现城市级联下拉框的Dome,现在总结一下,第一次写博客,互相学习。

    砸漏

扫码关注云+社区

领取腾讯云代金券