android自定义view系列实战篇-view(代码片段)

Q-CODER Q-CODER     2023-04-01     317

关键词:

QRatingView

A custom view for rating which easy to make and use, but function is excellent.
github-QRatingView

Effect Picture

Properties

    <declare-styleable name="QRatingView">
        <!-- 未选中图片 -->
        <attr name="normalIcon" format="reference"/>
        <!-- 选中图片 -->
        <attr name="selectedIcon" format="reference"/>
        <!-- 自定义评分数量 -->
        <attr name="totalCount" format="integer"/>
        <!-- 选中的个数 -->
        <attr name="selectedCount" format="integer"/>
        <!-- 图案的间隙 -->
        <attr name="gap" format="dimension"/> // Default Size is 5dp
        <!-- 图案的大小 -->
        <attr name="iconSize" format="dimension"/> // Default Size is 25dp
        <!-- 是否可用 不可用时用于仅展示 -->
        <attr name="available" format="boolean"/> // Default value is true
    </declare-styleable>

Usage

for displaying

You are supposed to set tow properties, available and selectedCount. And available should be set as false.
you can use it in .xml

    <com.yeqingqing.qratingview.QRatingView
        android:id="@+id/main_qrv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:available="false" // if just for displaying ,there are should be false
        app:iconSize="40dp"
        app:selectedCount="3"
        app:totalCount="5" />

also it also will be work in java

   main_qrv2.available = false
   main_qrv2.selectedCount = 5
   

for rating

In this case, we need to set totalCount in .xml and add A selected Lisntener for result

    <com.yeqingqing.qratingview.QRatingView
        android:id="@+id/qrv_main3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:iconSize="40dp" 
        app:totalCount="5" />
     findViewById<QRatingView>(R.id.qrv_main3).setOnSelectedListener(object :
            QRatingView.OnSelectedListener 
            override fun onSelected(selectedCount: Int) 
                when (selectedCount) 
                //todo any reaction for rating
                    1 -> commence1.text = "很差"
                    2 -> commence1.text = "有待改进"
                    3 -> commence1.text = "还行"
                    4 -> commence1.text = "不错"
                    5 -> commence1.text = "非常可以"
                
            

        )

android自定义view系列实战篇-view(代码片段)

QRatingViewAcustomviewforratingwhicheasytomakeanduse,butfunctionisexcellent.github-QRatingViewEffectPictureProperties<declare-styleablename="QRatingView"><!--未选中图片--><attrname="normalIcon"format="reference"/><!--选中图片--><... 查看详情

android自定义view系列实战篇-viewgroup(代码片段)

...详尽地写在代码中。先上效果图兄弟们,上代码importandroid.content.Contextimportandroid.graphics.Rectimportandroid.util.AttributeSetimportandroid.view.ViewGroupimportandroidx.core.view.childrenimportkotlin.math.max/****@Author:QCoder*@CreateDate:2021/12/6*@Descript... 查看详情

android进阶之自定义view实战九宫格手势解锁实现

一.引言在上篇博客Android进阶之自定义View实战(一)仿iOSUISwitch控件实现中我们主要介绍了自定义View的最基本的实现方法。作为自定义View的入门篇,仅仅介绍了Canvas的基本使用方法,而对用户交互层面仅仅处理了单击事件... 查看详情

攻克android软键盘的疑难杂症

系列教程:推翻自己和过往,重学自定义View自定义View系列教程01–常用工具介绍自定义View系列教程02–onMeasure源码详尽分析自定义View系列教程03–onLayout源码详尽分析自定义View系列教程04–Draw源码分析及其实践自定义View系列教... 查看详情

android自定义view视差动画(代码片段)

本系列自定义View全部采用kt**系统:**macandroidstudio:4.1.3**kotlinversion:**1.5.0gradle:gradle-6.5-bin.zip废话不多说,先来看今天要完成的效果:在上一篇:androidsetContentView()解析中我们介绍了,如何通过Factory2来自己解析View,那么我们就通过这个机... 查看详情

android进阶之旅-自定义view篇

...段子项目分享将于5月中旬结束,了解具体详情请移步Android进阶之旅与你同行。经过反复的思考,首先分享*Android进阶之旅-自定义View篇*。  跟内涵段子项目不一样的是,我会先从自定义View的最基础开始,一直... 查看详情

自定义view系列一自定义view的构造函数,自定义属性(代码片段)

...列一自定义View的构造函数,自定义属性引:自定义View对于Android开发者是一道坎.虽然说是坎但是也得走过去的!此系列文章作为学习自定义View的一系列学习笔记.在进入学习自定义View的殿堂, 查看详情

自定义view基础-最易懂的自定义view原理系列

前言自定义View原理是Android开发者必须了解的基础;在了解自定义View之前,你需要有一定的知识储备;本文将全面解析关于自定义View中的所有知识基础。目录1.View的分类视图View主要分为两类:类别解释特点单一视图即一个View,... 查看详情

android高级ui系列教程(代码片段)

自定义View包含什么?布局:onLayoutonMeasure/Layout:viewGroup显示:onDraw/View:  canvaspaintmatrixcliprectanimationpath(贝塞尔)line交互:onTouchEvent/组合的viewGroup自定义View如何分类?1、自定义View2、自定义ViewGroup项目实战——... 查看详情

android自定义view基础篇

...2π(弧度)==>180(角度)=π(弧度)几种创建或使用颜色的方式Android自定义属性可分为以下几步:2.自定义View中获取属性3.在布局中使用4.属性值的类型归纳 查看详情

android自定义view基础篇(代码片段)

目录一、基本结构1.1重写onMeasure方法1.2三种测量模式1.3子View的onMeasure方法参数测量模式的由来1.4子View的onMeasure重写的基本写法1.5通过案例了解onMeasure的作用二、组件的属性2.1属性的基本定义2.2自定义属性读取的优先级三、综合... 查看详情

android自定义view之网易云推荐歌单界面(代码片段)

系列文章目录Android自定义view之网易云推荐歌单界面文章目录系列文章目录前言一、实现1.自定义一个圆角图片控件(也可直接使用第三方框架)2.进行布局摆设3.图片切换动画效果二、实现效果展示三、总结先来看看网易... 查看详情

android自定义view之3d正方体(代码片段)

系列文章目录Android自定义view之3D正方体文章目录系列文章目录前言一、小提二、将传感器改成事件分发机制三、使用四、源码TouchSurfaceView.javaMainActivity.java总结前言在之前写了一篇关于3D效果的文章,借助传感器展示,有... 查看详情

android进阶之自定义view实战仿iosuiswitch控件实现

一.引言个人觉得,自定义View一直是Android开发最变换莫测、最难掌握、最具吸引力的地方。因为它涉及到的知识点比较多,想在实际应用中驾轻就熟,由浅入深,你需要掌握以下知识点:1.View的绘制机制以及Canvas、... 查看详情

android自定义view系列-measurespec(代码片段)

在【Android】自定义View系列-绘制流程一文中,在测量过程中,是通过一定的规则得出最后我们测量的宽高,然后通过setMeasuredDimension()保存结果。那么这里说到的规则主要就是---MeasureSpec和LayoutParamsMeasureSpec是?ÿ... 查看详情

android进阶之自定义view实战贝塞尔曲线应用

Android进阶之自定义View实战(三)贝塞尔曲线应用一、引言在自定义View中,常常看到这样一些非常规的UI效果,如水滴、心型、水波、仿真书页翻动、弹射床等效果,这里面都包含一个重要的要素:贝塞尔曲线(Béziercurve&#x... 查看详情

android自定义view之利用drawarc方法实现动态效果(代码片段)

系列文章目录Android自定义view之利用drawArc实现动态效果文章最后会附上源码文章目录系列文章目录前言一、准备1.测量2.初始化画笔3.自定义属性二、关键方法介绍drawArc三.实现1.思路2.效果图源码前言前几天看了一位字节Android工... 查看详情

android自定义view系列-view(代码片段)

QRatingViewAcustomviewforratingwhicheasytomakeanduse,butfunctionisexcellent.github-QRatingViewEffectPictureProperties<declare-styleablename="QRatingView"><!--未选中图片--><attrname="normalIcon"format="reference"/><!--选中图片--><... 查看详情