FazBrowse GitHub Viewer | Trending |
URL:
| Home
Tools: [Download Repo ZIP]   [Original HTTPS Page]

yangchong211/YCWidgetLib: 自定义控件，其中包含自定义折叠布局，拓展性强使用简单；万能自定义红点控件，充分解耦合接入方便；多种方案实现阴影效果库；自定义view和viewGroup圆角控件，彻底解决圆角问题等 · GitHub

/ YCWidgetLib Public
BranchesTags

Latest commit

 

History

21 Commits

Folders and files

NameName
Last commit message
Last commit date
AppShadowLib
AppShadowLib
 
 
AppSwitchView
AppSwitchView
 
 
AppTextView
AppTextView
 
 
BaseProgress
BaseProgress
 
 
CardViewLib
CardViewLib
 
 
CircleProgress
CircleProgress
 
 
CustomWidget
CustomWidget
 
 
EastAdapterLib
EastAdapterLib
 
 
ExpandLib
ExpandLib
 
 
ExpandPager
ExpandPager
 
 
FloatWindow
FloatWindow
 
 
PhotoCoverLib
PhotoCoverLib
 
 
PhotoWidget
PhotoWidget
 
 
RedDotView
RedDotView
 
 
RoundCorners
RoundCorners
 
 
ShadowConfig
ShadowConfig
 
 
ZoomImageLib
ZoomImageLib
 
 
app
app
 
 
gradle/wrapper
gradle/wrapper
 
 
image
image
 
 
.gitignore
.gitignore
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
build.gradle
build.gradle
 
 
gradle.properties
gradle.properties
 
 
gradlew
gradlew
 
 
gradlew.bat
gradlew.bat
 
 
settings.gradle
settings.gradle
 
 
yc.gradle
yc.gradle
 
 

Repository files navigation

基础组件库

目录介绍

  • 01.该库介绍
  • 02.万能伸展折叠控件
  • 03.自定义小红点
  • 04.多种阴影效果实践
  • 05.自定义圆角控件
  • 06.超级圆角控件库

01.该库介绍

02.万能伸展折叠控件

  • 伸展折叠控件介绍
    • 自定义折叠和展开布局，在不用改变原控件的基础上，就可以实现折叠展开功能，入侵性极低。
    • 主要的思路是，设置一个折叠时的布局高度，设置一个内容展开时的高度，然后利用属性动画去动态改变布局的高度。
    • 可以设置折叠和展开的监听事件，方便开发者拓展其他需求。可以设置动画的时间。
    • 可以支持支持常见的文本折叠，流失布局标签折叠，或者RecyclerView折叠等功能。十分方便，思路也比较容易理解，代码不超过300行……
  • 如何引用 
    implementation 'com.github.yangchong211.YCWidgetLib:ExpandLib:1.0.6'
  • 具体使用可看：

03.自定义小红点

  • 自定义小红点介绍
    • 自定义红点控件，不用修改之前的代码，完全解耦，既可以设置红点数字控件，使用十分方便。
    • 网上看到有些案例是继承View，然后去测量和绘制红点的相关操作，此案例则不需要这样，继承TextView也可以完成设置红点功能。
    • 可以支持设置在TextView，Button，LinearLayout，RelativeLayout，TabLayout等等控件上……
    • 大概的原理是：继承TextView，然后设置LayoutParams，设置内容，设置Background等等属性，然后在通过addView添加到父控件中。
  • 如何引用 
    implementation 'com.github.yangchong211.YCWidgetLib:RedDotView:1.0.6'
  • 具体使用可看：

04.多种阴影效果实践

  • 阴影效果有哪些实现方式
    • 第一种：使用CardView，但是不能设置阴影颜色
    • 第二种：采用shape叠加，存在后期UI效果不便优化
    • 第三种：UI切图
    • 第四种：自定义View
  • 方案对比
    • 第一个方案的CardView渐变色和阴影效果很难控制，只能支持线性或者环装形式渐变，这种不满足需要，因为阴影本身是一个四周一层很淡的颜色包围，在一个矩形框的层面上颜色大概一致，而且这个CardView有很多局限性，比如不能修改阴影的颜色，不能修改阴影的深浅。所以这个思路无法实现这个需求。
    • 第二个采用shape叠加，可以实现阴影效果，但是影响UI，且阴影部分是占像素的，而且不灵活。
    • 第三个方案询问了一下ui。他们给出的结果是如果使用切图的话那标注的话很难标，身为一个优秀的设计师大多对像素点都和敏感，界面上的像素点有一点不协调那都是无法容忍的。
    • 第四种方案采用api实现阴影效果，支持多种自定义效果，方便调用，目前来说应该比较友好
  • 如何引用 
    implementation 'com.github.yangchong211.YCWidgetLib:ShadowConfig:1.0.6'
implementation 'com.github.yangchong211.YCWidgetLib:CardViewLib:1.0.6'
  • 具体使用可看：

05.自定义圆角控件

  • 自定义小红点介绍
    • LinearLayout、RelativeLayout、FrameLayout、ConstraintLayout支持圆角。支持边框，可使用Color的Selector
  • 目前设置控件圆角有哪些方式
    • 第一种：比如给TextView设置Shape圆角，非常常见的使用。shape常见，简单直观。缺点是项目中xml，越写越多
    • 第二种：使用背景图片。使用切图没什么说的，使用起来不方便
    • 第三种：自定义控件实现。自定义控件，弥补shape上不足，采用attr属性设置圆角，那样圆角样式多，使用起来方便
    • 第四种：使用ViewOutlineProvider裁剪View
    • 第五种：使用CardView，官方支持阴影和圆角控件，需要嵌套一层，有点不方便
    • 第六种：使用Glide加载图片设置圆角，一般用于图片设置，比较方便
  • 具有特点
    • LinearLayout、RelativeLayout、FrameLayout、ConstraintLayout支持圆角
    • ImageView、TextView、View、Button支持圆角
    • CircleImageView（圆形图片）
    • 支持边框
    • 可正常设置ripple（波纹不会突破边框）
    • 使用 xml 或者 代码 进行配置，使用简单
  • api调用如下所示，直接拿来用即可
    • 针对ViewGroup类型：RoundLinearLayout；RoundFrameLayout；RoundConstraintLayout；RoundLinearLayout
    • 针对View类型：RoundView；RoundTextView；RoundImageView；RoundButton；CircleImageView
  • 如何引用 
    implementation 'com.github.yangchong211.YCWidgetLib:RoundCorners:1.0.6'
  • 具体使用可看：

About

自定义控件，其中包含自定义折叠布局，拓展性强使用简单；万能自定义红点控件，充分解耦合接入方便；多种方案实现阴影效果库；自定义view和viewGroup圆角控件，彻底解决圆角问题等

Resources

Readme
Apache-2.0 license
Activity

Stars

189 stars

Watchers

2 watching

Forks

22 forks
Report repository

Releases

Packages

Contributors

Languages

Back | FazBrowse Home | New Git URL