带checkBox和ratingbar的圆角dialog
  oHo4xnCa6cuT 2023年11月28日 24 0


最终效果：

带checkBox和ratingbar的圆角dialog_ide


特点描述：

1.弹窗圆角

2.列表多选

3.ratingbar可拖动

一。带圆角的alertDialog
alertDialog的使用有三种：一种是自定义Dialog 继承 AlertDialog；一种是在使用的地方直接创建AlertDialog；一种是用工厂方法，创建自己的Dialog类,然后在构造方法内创建AlertDialog
第一种：继承的方式

public class BottomDialog extends Dialog implements View.OnClickListener{
 			}
  • 重写onCreate方法
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.view_bottom_dialog);

在oncreate方法中setContentView入自己的自定义布局

使用的时候创建即可

二。自定义Dialog不继承
使用工厂模式

public class AlertDialog{
...

public AlertDialog(Context context ,View view){
	this.context = context;
	WindowManager windowManager = (WindowManager) context
			.getSystemService(Context.WINDOW_SERVICE);
	display = windowManager.getDefaultDisplay();
	this.mView = view;
}

 public AlertDialog builder() {
	View view = LayoutInflater.from(context).inflate(
			R.layout.view_alertdialog, null);

	// 获取自定义Dialog布局中的控件
	...
	// 定义Dialog布局和参数
	dialog = new Dialog(context, R.style.MyDialog);
	dialog.setContentView(view);

	if (mView != null ){
		setLoaction();
	} else {
		if (MyApplication.isPad){
			lLayout_bg.setLayoutParams(new FrameLayout.LayoutParams((int) (display
					.getWidth() * 0.3), LayoutParams.WRAP_CONTENT));
		}else {
			lLayout_bg.setLayoutParams(new FrameLayout.LayoutParams((int) (Math.min(display
					.getWidth(),display.getHeight()) * 0.85), LayoutParams.WRAP_CONTENT));
		}
	}
	return this;
}

三。直接使用（本需求的弹窗就用这种模式吧）

private int selectNum = 0;
private void showChoosePlayModeDialog(MusicListData musicListData,View view) {
    AlertDialog.Builder dialogBuider = new AlertDialog.Builder(getContext(),R.style.myAlertDialog);
    View inflate = LayoutInflater.from(getContext()).inflate(R.layout.dialog_choose_play_mode, null);
    dialogBuider.setView(inflate);
    CheckBox gp = inflate.findViewById(R.id.type_gp);
    CheckBox gq = inflate.findViewById(R.id.type_gq);
    CheckBox jz= inflate.findViewById(R.id.type_jz);
    CheckBox zy = inflate.findViewById(R.id.type_zy);
    final RatingBar ratingBar1 = inflate.findViewById(R.id.ratingBar_1);
    final RatingBar ratingBar2 = inflate.findViewById(R.id.ratingBar_2);
    final RatingBar ratingBar3 = inflate.findViewById(R.id.ratingBar_3);
    final RatingBar ratingBar4 = inflate.findViewById(R.id.ratingBar_4);
    final ImageView img1 = inflate.findViewById(R.id.selectImg_1);
    final ImageView img2 = inflate.findViewById(R.id.selectImg_2);
    final ImageView img3 = inflate.findViewById(R.id.selectImg_3);
    final ImageView img4 = inflate.findViewById(R.id.selectImg_4);
    final TextView button = inflate.findViewById(R.id.btn);
    ratingBar1.setVisibility(View.GONE);
    ratingBar2.setVisibility(View.GONE);
    ratingBar3.setVisibility(View.GONE);
    ratingBar4.setVisibility(View.GONE);
    img1.setVisibility(View.GONE);
    img2.setVisibility(View.GONE);
    img3.setVisibility(View.GONE);
    img4.setVisibility(View.GONE);
    button.setClickable(false);
    selectNum = 0;
    gp.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            if (isChecked){
                selectNum++;
                button.setClickable(true);
                button.setTextColor(getContext().getResources().getColor(R.color.white));
                button.setBackgroundColor(getContext().getResources().getColor(R.color.purple));
                ratingBar1.setVisibility(View.VISIBLE);
                img1.setVisibility(View.VISIBLE);
            }else {
                selectNum--;
                if (selectNum==0){
                    button.setClickable(false);
                    button.setTextColor(getContext().getResources().getColor(R.color.gray_text));
                    button.setBackgroundColor(getContext().getResources().getColor(R.color.gray));
                }
                ratingBar1.setVisibility(View.GONE);
                img1.setVisibility(View.GONE);

            }
        }
    });
    gq.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            if (isChecked){
                selectNum++;
                button.setClickable(true);
                button.setTextColor(getContext().getResources().getColor(R.color.white));
                button.setBackgroundColor(getContext().getResources().getColor(R.color.purple));
                ratingBar4.setVisibility(View.VISIBLE);
                img4.setVisibility(View.VISIBLE);
            }else {
                selectNum--;
                if (selectNum==0){
                    button.setClickable(false);
                    button.setTextColor(getContext().getResources().getColor(R.color.gray_text));
                    button.setBackgroundColor(getContext().getResources().getColor(R.color.gray));
                }
                ratingBar4.setVisibility(View.GONE);
                img4.setVisibility(View.GONE);

            }
        }
    });
    jz.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            if (isChecked){
                selectNum++;
                button.setClickable(true);
                button.setTextColor(getContext().getResources().getColor(R.color.white));
                button.setBackgroundColor(getContext().getResources().getColor(R.color.purple));
                ratingBar2.setVisibility(View.VISIBLE);
                img2.setVisibility(View.VISIBLE);
            }else {
                selectNum--;
                if (selectNum==0){
                    button.setClickable(false);
                    button.setTextColor(getContext().getResources().getColor(R.color.gray_text));
                    button.setBackgroundColor(getContext().getResources().getColor(R.color.gray));
                }
                ratingBar2.setVisibility(View.GONE);
                img2.setVisibility(View.GONE);

            }
        }
    });
    zy.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            if (isChecked){
                selectNum++;
                button.setClickable(true);
                button.setTextColor(getContext().getResources().getColor(R.color.white));
                button.setBackgroundColor(getContext().getResources().getColor(R.color.purple));
                ratingBar3.setVisibility(View.VISIBLE);
                img3.setVisibility(View.VISIBLE);
            }else {
                selectNum--;
                if (selectNum==0){
                    button.setClickable(false);
                    button.setTextColor(getContext().getResources().getColor(R.color.gray_text));
                    button.setBackgroundColor(getContext().getResources().getColor(R.color.gray));
                }
                ratingBar3.setVisibility(View.GONE);
                img3.setVisibility(View.GONE);

            }
        }
    });
    button.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            toLayoutWorkDetail();
        }
    });


    AlertDialog dialog = dialogBuider.show();
    Window dialogWindow = dialog.getWindow();
    dialogWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
    WindowManager.LayoutParams lp = dialogWindow.getAttributes();
    lp.width = 320;
    lp.gravity = Gravity.CENTER;
    dialogWindow.setAttributes(lp);

}

这里需要注意几个点：
1.设置弹窗大小：
必须是在show之后设置，否则无效

Window dialogWindow = dialog.getWindow();
    dialogWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
    WindowManager.LayoutParams lp = dialogWindow.getAttributes();
    lp.width = 320;
    lp.gravity = Gravity.CENTER;
    dialogWindow.setAttributes(lp);

其中

dialogWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));

是设置弹窗透明的，不然无法实现圆角效果

布局xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="300dp"
android:layout_height="wrap_content"
android:gravity="center"
>
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:gravity="center"
    android:background="@drawable/bg_corner">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center">
        <ImageView
            android:id="@+id/selectImg_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/select"/>
        <CheckBox
            android:id="@+id/type_gp"
            android:text="跟谱模式"
            style="@style/style_choose_play_mode_dialog_item" />
        <RatingBar
            android:id="@+id/ratingBar_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/xy_rating_bar_small"
            android:rating="2"
            android:isIndicator="false"
            />
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/gray"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center">
        <ImageView
            android:id="@+id/selectImg_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/select"/>
        <CheckBox
            android:id="@+id/type_jz"
            style="@style/style_choose_play_mode_dialog_item"
            android:text="节奏模式"/>
        <RatingBar
            android:id="@+id/ratingBar_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/xy_rating_bar_small"
            android:rating="2"
            android:isIndicator="false"
            />
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/gray"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center">
        <ImageView
            android:id="@+id/selectImg_3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/select"/>
        <CheckBox
            android:id="@+id/type_zy"
            style="@style/style_choose_play_mode_dialog_item"
            android:text="自由模式"/>
        <RatingBar
            android:id="@+id/ratingBar_3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/xy_rating_bar_small"
            android:rating="2"
            android:isIndicator="false"
            />
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/gray"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center">
        <ImageView
            android:id="@+id/selectImg_4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/select"/>
        <CheckBox
            android:id="@+id/type_gq"
            style="@style/style_choose_play_mode_dialog_item"
            android:text="跟曲模式"/>
        <RatingBar
            android:id="@+id/ratingBar_4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/xy_rating_bar_small"
            android:rating="2"
            android:isIndicator="false"
            />
    </LinearLayout>


    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/gray"/>
    <TextView
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="确认"
        android:paddingLeft="40dp"
        android:paddingRight="40dp"
        android:layout_margin="20dp"
        android:textColor="@color/gray_text"
        android:background="@color/gray"/>
</LinearLayout>

其中几个注意点：
checkbox左边默认显示勾选框，想去掉的话

<item name="android:button">@null</item>

或者设置成自己定义的Drawbale文件

然后主要说下ratingbar的使用点

  1. 可拖动设置
android:isIndicator="false"

设为true不可拖动

  1. 修改图片
<style name="xy_rating_bar_small" parent="Base.Widget.AppCompat.RatingBar.Small">
<item name="android:minHeight">15dp</item>
<item name="android:maxHeight">15dp</item>
<item name="android:progressDrawable">@drawable/my_ratingbar_layerlist</item>

设置自己的style
然后在item里设置progressDrawable

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background" android:drawable="@mipmap/star_gray_bg"/>
<item android:id="@android:id/secondaryProgress" android:drawable="@mipmap/star_gray_bg"/>
<item android:id="@android:id/progress" android:drawable="@mipmap/star_yellow"/>
</layer-list>

最后贴下圆角背景

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="50dp" />
<gradient
    android:angle="45"
    android:endColor="@color/white"
    android:startColor="@color/white" />
</shape>


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载，内容版权归原作者所有。本网站的目的在于传递更多信息，不拥有版权，亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱： cloudbbs@moduyun.com
  1. 分享：
最后一次编辑于 2023年11月28日 0

暂无评论

推荐阅读
  yQAl4kecrO8W   2023年12月23日   20   0   0 ide中介者模式设计模式中介者c++中介者模式c++设计模式ide中介者
  DvYIQgaSgaf4   2023年12月23日   59   0   0 ide嵌入式硬件单片机封装嵌入式硬件单片机封装引脚引脚ide
  yQAl4kecrO8W   2023年12月23日   22   0   0 设计模式c++ciide桥接模式桥接模式设计模式cic++ide
  yQAl4kecrO8W   2023年12月23日   58   0   0 ide构造函数原型模式设计模式c++构造函数c++设计模式原型模式ide
  wOK1sw0wtkd8   2023年12月23日   24   0   0 pythonidecimoviepyPython音视频音视频ciidemoviepy
  HWwT5ZSESN5o   2023年12月23日   21   0   0 JavaJSONservletHTTPHTTPservletjsonidejavaide
  tCdZJQtjUpyw   2023年12月23日   21   0   0 图形绘制图形绘制ide其他其他Qtideqt
  tCdZJQtjUpyw   2023年12月23日   66   0   0 ideSource主题切换编辑器主题切换vscodeSourcevscodeide编辑器
  NrKhGdPqPgIO   2023年12月23日   53   0   0 Javaredisjavaidespringspringrediside
  BRp00ZYiWMCb   2023年12月23日   19   0   0 网络经验分享经验分享远程工作远程工作Android安全安全android网络
  eCO46Rq6uUzg   2023年12月23日   74   0   0 ide深度学习神经网络神经网络cnn深度学习卷积cnn卷积ide
  t5NtRixbu4xu   2023年12月23日   133   0   0 Javajava开机动画Android开机动画android
  iCAEEniAA7wo   2023年12月23日   33   0   0 Javaintellij-ideajavaide官网下载安装intellij-idea下载安装ide官网
  KvevbRuwqC1X   2023年12月23日   160   0   0 javascript旧版旧版解决方案解决方案JavaScriptideide
  iCAEEniAA7wo   2023年12月23日   76   0   0 Javaintellij-ideaintellij-idea压缩包解决方案javaide压缩包ide解决方案
oHo4xnCa6cuT
oHo4xnCa6cuT
作者其他文章 更多
android如何优雅的编写OpenGl的shader代码

2023-12-22

Android疑难杂症汇总

2023-11-28

Android studio中git的使用

2023-11-28

Android从入门到专家系列之目录

2023-11-28

Android TabLayout基本使用及完美调整指示器位置的技巧

2023-11-28

极速入门NDK开发

2023-11-28

Android 小技巧收录

2023-11-28

android svg绘图之matrix问题

2023-11-28

FloatingActionBar 使用

2023-11-28

带checkBox和ratingbar的圆角dialog

2023-11-28

最新推荐 更多
终于搞懂了！原来 Vue 3 的 generate 是这样生成 render 函数的

2024-05-20

博客园美化：增加顶部炫彩loading进度条

2024-05-20

lodash已死？radash库方法介绍及源码解析 —— 函数柯里化 + Number篇

2024-05-20

TypeScript入门介绍

2024-05-20

XML Schema 复杂元素类型详解：定义及示例解析

2024-05-20

什么是单点登录？如何实现？

2024-05-20

基于uniapp+vue3自定义增强版table表格组件「兼容H5+小程序+App端」

2024-05-18

解释下什么是事件代理？应用场景？

2024-05-18

Vue项目中有封装过axios吗？主要是封装哪方面的？

2024-05-17

浅谈Vue.js与原生开发

2024-05-17

vue要做权限管理该怎么做？如果控制到按钮级别的权限怎么做？

2024-05-17

Vue模板语法、属性绑定、条件渲染的学习

2024-05-17

vue3编译优化之“静态提升”

2024-05-17

VUE-局部使用

2024-05-17

你是怎么处理vue项目中的错误的？

2024-05-17

实现抖音 “视频无限滑动“效果

2024-05-17

说说webpack proxy工作原理？为什么能解决跨域?

2024-05-17

我为什么还要造一个前端轮子？

2024-05-17

一款摸鱼神器！帮助你利用上班时间背单词！

2024-05-17

next-route

2024-05-17

常用标签
数据数据数据数据javalinuxlinuxpythonCentOSredisJava区块链技术python区块链信息系统字符串MySQL资讯项目管理mysql教程MySQL