https://github.com/shichunlei/mylibrary
搜集的一些项目会用到的自定义控件，整合到一个library
https://github.com/shichunlei/mylibrary
circle-menu java labelview library marqueeview smoothcheckbox
Last synced: about 2 months ago
JSON representation
搜集的一些项目会用到的自定义控件，整合到一个library
- Host: GitHub
- URL: https://github.com/shichunlei/mylibrary
- Owner: shichunlei
- Created: 2017-04-12T02:43:59.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-08-01T01:59:16.000Z (almost 7 years ago)
- Last Synced: 2025-03-26T21:47:01.598Z (2 months ago)
- Topics: circle-menu, java, labelview, library, marqueeview, smoothcheckbox
- Language: Java
- Homepage:
- Size: 21.3 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MyLibrary
优秀框架、自定义控件大搜集，再此特别感谢原作者们。
[](https://jitpack.io/#shichunlei/MyLibrary)
**Include**
- **AlertDialog**
- **BottomDialog**
- **ProgressDialog**
- **RoundImageView**
圆形图片、圆角图片、椭圆图片
[原始项目地址](https://github.com/RaphetS/RoundImageView)
- **RoundTextView**
基于TextView 1.直接设置selector背景2.直接设置drawableLeft大小 3.圆角，圆形，背景/边框/文字根据状态变色
[原项目地址](https://github.com/RuffianZhong/RTextView)
- **SmoothCheckBox**
[原始项目地址](https://github.com/andyxialm/SmoothCheckBox)
- **ExpandIconView**
[原始项目地址](https://github.com/zagum/Android-ExpandIcon)
- **FlipView**
可翻转的View，仿支付宝-蚂蚁宝卡里流量兑换的翻转View
[参考项目地址](https://github.com/wajahatkarim3/EasyFlipView)
- **NumberAnimTextView**
带数字增加动画的TextView
[原始项目地址](https://github.com/Bakumon/NumberAnimTextView)
- **LabelView**
角标,一个简单的Android标签控件.
[原始项目地址](https://github.com/H07000223/FlycoLabelView)
- **LoadingView**
加载动画
- **ExpandTextView**
可展开、折叠的TextView
[原始项目地址](https://github.com/lcodecorex/ExpandTextView)
- **SmallBang**
twitter like animation for any view
[原始项目地址](https://github.com/hanks-zyh/SmallBang)
- **WaveLoadingView**
水波效果 An Android library providing to realize wave loading effect.
[原始项目地址](https://github.com/tangqi92/WaveLoadingView)
- **SearchView**
搜索View
- **RadarView**
雷达图
[参考项目地址](https://github.com/qstumn/RadarChart)
- **RangeSeekBar**
A beautiful SeekBar that supports bidirectional range selection and normal SeekBar mode, supports scale, negative numbers and a variety of powerful custom properties (一款漂亮美观的支持双向范围选择和普通SeekBar模式的SeekBar，支持刻度、负数以及多种强大的自定义属性)
[原始项目地址](https://github.com/Jay-Goo/RangeSeekBar)
- **SwitchButton**
SwitchButton.An beautiful+lightweight+custom-style-easy switch widget for Android
[原始项目地址](https://github.com/zcweng/SwitchButton)
- **StateView**
StateView 一个轻量级的控件, 继承自 View, 吸收了 ViewStub 的一些特性, 初始状态下是不可见的, 不占布局位置, 占用内存少。 当进行操作显示空/重试/加载视图后, 该视图才会被添加到布局中。
[原项目地址](https://github.com/nukc/StateView)
- **StickyHeaderDecoration**
A sticky header decoration, use for recyclerview
[原项目地址](https://github.com/qdxxxx/StickyHeaderDecoration)
- **IndexBarLayout**
Similar to the letter to the right of the phone's contacts
[原项目地址](https://github.com/qdxxxx/IndexBarLayout)
- **IntegerRulerView/DecimalRulerView/RulerView**
刻度尺
- **CircleMenu**
CircleMenu is a simple, elegant UI menu with a circular layout and material design animations.
[原项目地址](https://github.com/Ramotion/circle-menu-android)
- **MarqueeView**
俗名：可垂直跑、可水平跑的跑马灯
学名：可垂直翻、可水平翻的翻页公告
[原项目地址](https://github.com/sfsheng0322/MarqueeView)
- **AnimNumberTextView**
滚动显示TextView的数字,支持自定义每个字符速度。
[原项目地址](https://github.com/AndroidMsky/RandomTextView)
- **ThreeStateSwitch**
A simple three-state switch view for Android.
[原项目地址](https://github.com/abbas-oveissi/ThreeStateSwitch)
- **SwitchIconView**
Google launcher-style implementation of switch (enable/disable) icon
[原项目地址](https://github.com/zagum/Android-SwitchIcon)
- **DescProgressView**
带进度带描述的view
[原项目地址](https://github.com/GuoFeilong/DescPbView)
- **WavyLineView**
波浪线
[原项目地址](https://github.com/andyxialm/WavyLineView)
- **CouponView**
半圆锯齿背景虚线边框组合实现简单优惠券效果，可实现一些简单组合
[原项目地址](https://github.com/dongjunkun/CouponView)
- **RippleView**
简单的涟漪效果
[原项目地址](https://github.com/LiqiNew/RippleDemo)
- **工具类**
StringUtils、TimeUtils、SPUtils、JsonUtils、ViewUtils、ScreenUtils、AnimatorUitls（部分参考于SwitchLayout）、HttpUtils、FileUtils、AppUitls、IdcardUtil、StatusBarHelper、RandomUtils、ConversionUtils等
- **基类**
BaseApplication、BaeActivity、BaseFragment、LazyFragment、CommonAdapter、CommonRecyclerAdapter
**Version**
【0.3.0】
# Installation
Step 1. Add the JitPack repository to your build file
Add it in your root build.gradle at the end of repositories:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
Step 2. Add the dependency
dependencies {
compile 'com.github.shichunlei:MyLibrary:0.3.0'
}
或者
Step 1. Add the JitPack repository to your build file
jitpack.io
https://jitpack.io
Step 2. Add the dependency
com.github.shichunlei
MyLibrary
0.3.0
# Usage
参见sample示例
===========================================================================================
### MarqueeView 用法
###### 属性
| Attribute 属性 | Description 描述 |
|:--- |:---|
| mvAnimDuration | 一行文字动画执行时间 |
| mvInterval | 两行文字翻页时间间隔 |
| mvTextSize | 文字大小 |
| mvTextColor | 文字颜色 |
| mvGravity | 文字位置:left、center、right |
| mvSingleLine | 单行设置 |
| mvDirection | 动画滚动方向:bottom_to_top、top_to_bottom、right_to_left、left_to_right |
###### XML
###### 设置字符串列表数据
MarqueeView marqueeView = (MarqueeView) findViewById(R.id.marqueeView);
List info = new ArrayList<>();
info.add("1. 大家好，我是孙福生。");
info.add("2. 欢迎大家关注我哦！");
info.add("3. GitHub帐号：sfsheng0322");
info.add("4. 新浪微博：孙福生微博");
info.add("5. 个人博客：sunfusheng.com");
info.add("6. 微信公众号：孙福生");
marqueeView.startWithList(info);
// 在代码里设置自己的动画
marqueeView.startWithList(info, R.anim.anim_bottom_in, R.anim.anim_top_out);
###### 设置字符串数据
String notice = "心中有阳光，脚底有力量！心中有阳光，脚底有力量！心中有阳光，脚底有力量！";
marqueeView.startWithText(notice);
// 在代码里设置自己的动画
marqueeView.startWithText(notice, R.anim.anim_bottom_in, R.anim.anim_top_out);
###### 设置事件监听
marqueeView.setOnItemClickListener(new MarqueeView.OnItemClickListener() {
@Override
public void onItemClick(int position, TextView textView) {
Toast.makeText(getApplicationContext(), String.valueOf(marqueeView1.getPosition()) + ". " + textView.getText(), Toast.LENGTH_SHORT).show();
}
});
###### 重影问题可参考以下解决方案
@Override
public void onStart() {
super.onStart();
marqueeView.startFlipping();
}
@Override
public void onStop() {
super.onStop();
marqueeView.stopFlipping();
}
===========================================================================================
### CircleMenu 用法
Place the `CircleMenuView` in your layout and set the icons and colors of the buttons, as shown below.
app:button_colors="@array/colors"
app:button_icons="@array/icons"
Example of arrays `colors` and `icons` in `res\values\buttons.xml`:
@drawable/ic_home_white_24dp
@drawable/ic_search_white_24dp
@drawable/ic_notifications_white_24dp
@drawable/ic_settings_white_24dp
@drawable/ic_place_white_24dp
@android:color/holo_blue_light
@android:color/holo_green_dark
@android:color/holo_red_light
@android:color/holo_purple
@android:color/holo_orange_light
Or use the constructor
CircleMenuView(@NonNull Context context, @NonNull List icons, @NonNull List colors)
to add `CircleMenuView` and configure the buttons programmatically (in the code).
Next, connect the event handler `CircleMenuView.EventListener` as shown below,
and override the methods you need.
final CircleMenuView menu = (CircleMenuView) findViewById(R.id.circle_menu);
menu.setEventListener(new CircleMenuView.EventListener() {
@Override
public void onMenuOpenAnimationStart(@NonNull CircleMenuView view) {
Log.d("D", "onMenuOpenAnimationStart");
}
@Override
public void onMenuOpenAnimationEnd(@NonNull CircleMenuView view) {
Log.d("D", "onMenuOpenAnimationEnd");
}
@Override
public void onMenuCloseAnimationStart(@NonNull CircleMenuView view) {
Log.d("D", "onMenuCloseAnimationStart");
}
@Override
public void onMenuCloseAnimationEnd(@NonNull CircleMenuView view) {
Log.d("D", "onMenuCloseAnimationEnd");
}
@Override
public void onButtonClickAnimationStart(@NonNull CircleMenuView view, int index) {
Log.d("D", "onButtonClickAnimationStart| index: " + index);
}
@Override
public void onButtonClickAnimationEnd(@NonNull CircleMenuView view, int index) {
Log.d("D", "onButtonClickAnimationEnd| index: " + index);
}
});
| Attribute 属性 | Description 描述 |
|:--- |:---|
|button_icons|Array of buttons icons.|
|button_colors|Array of buttons colors.|
|icon_menu|Menu default icon.|
|icon_close|Menu closed icon.|
|icon_color|Menu icon color.|
|duration_ring|Ring effect duration.|
|duration_open|Menu opening animation duration.|
|duration_close|Menu closing animation duration.|
|distance|Distance between center button and buttons|
===========================================================================================
### AnimNumberTextView 用法
xml中定义：
所有位数相同速度滚动：
mNumberTextView.setText("876543");
mNumberTextView.setPianyilian(AnimNumberTextView.ALL);
mNumberTextView.start();
从左到右侧由快到慢滚动：
mNumberTextView.setText("12313288");
mNumberTextView.setPianyilian(AnimNumberTextView.FIRSTF_FIRST);
mNumberTextView.start();
从左到右侧由慢到快滚动：
mNumberTextView.setText("9078111123");
mNumberTextView.setPianyilian(AnimNumberTextView.FIRSTF_LAST);
mNumberTextView.start();
自定义每位数字的速度滚动（每帧滚动的像素）：
mNumberTextView.setText("909878");
pianyiliang[0] = 7;
pianyiliang[1] = 6;
pianyiliang[2] = 12;
pianyiliang[3] = 8;
pianyiliang[4] = 18;
pianyiliang[5] = 10;
mNumberTextView.setPianyilian(pianyiliang);
mNumberTextView.start();
自定义滚动行数（默认10行）：
mNumberTextView.setMaxLine(20);
===========================================================================================
### Switch 用法
XML
Java
SwitchButton switchButton = (com.suke.widget.SwitchButton)
findViewById(R.id.switch_button);
switchButton.setChecked(true);
switchButton.isChecked();
switchButton.toggle(); //switch state
switchButton.toggle(false);//switch without animation
switchButton.setShadowEffect(true);//disable shadow effect
switchButton.setEnabled(false);//disable button
switchButton.setEnableEffect(false);//disable the switch animation
switchButton.setOnCheckedChangeListener(new SwitchButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(SwitchButton view, boolean isChecked) {
//TODO do your job
}
});
More Style:
|attr|format|description|
|---|:---|:---:|
|sb_shadow_radius|dimension|阴影半径|
|sb_shadow_offset|dimension|阴影偏移|
|sb_shadow_color|color|阴影颜色|
|sb_uncheck_color|color|关闭颜色|
|sb_checked_color|color|开启颜色|
|sb_border_width|dimension|边框宽度|
|sb_checkline_color|color|开启指示器颜色|
|sb_checkline_width|dimension|开启指示器线宽|
|sb_uncheckcircle_color|color|关闭指示器颜色|
|sb_uncheckcircle_width|dimension|关闭指示器线宽|
|sb_uncheckcircle_radius|dimension|关闭指示器半径|
|sb_checked|boolean|是否选中|
|sb_shadow_effect|boolean|是否启用阴影|
|sb_effect_duration|integer|动画时间，默认300ms|
|sb_button_color|color|按钮颜色|
|sb_show_indicator|boolean|是否显示指示器，默认true：显示|
|sb_background|color|背景色，默认白色|
|sb_enable_effect|boolean|是否启用特效，默认true|
===========================================================================================
### ThreeStateSwitch 用法
Add the ThreeStateSwitch in your layout file and customize it the way you like it.
You can set a listener for state changes
threeState.setOnChangeListener(new ThreeStateSwitch.OnStateChangeListener() {
@Override
public void OnStateChangeListener(int currentState) {
//current state= -1 0 1
Toast.makeText(MainActivity.this, String.valueOf(currentState), Toast.LENGTH_SHORT).show();
}
});
You can set typeface for texts.
threeState.setNormalTextTypeface( );
threeState.setSelectedTextTypeface( );
Get the current state.
//state= -1 0 1
threeState.getState();
##### 属性
| Name | Type | Default | Description |
|:----:|:----:|:-------:|:-----------:|
|background_selected_color|Color|#5bb434|选中时的背景色|
|background_normal_color|Color|#bfbfbf|未选中时的背景色|
|text_normal_color|Color|#646464|未选中的字的颜色|
|text_selected_color|Color|#5bb434|选中的字的颜色|
|text_left|String||左侧文字|
|text_right|String||右侧文字|
|text_normal_size|Dp or Sp|16sp|未选中的字的大小|
|text_selected_size|Dp or Sp|16sp|选中的字的大小|
===========================================================================================
### SwitchIconView 用法
SwitchIconView extends from AppCompatImageView so you can set icon with ```app:srcCompat```
Set any icon (vector or image) to SwitchIconView and enjoy switchable icon in your app :)
Use ```app:siv_tint_color``` to set color to icon. Default color is black;
Use ```app:siv_disabled_color``` to set color when icon disabled. Default color is equals with ```app:siv_tint_color```;
Use ```app:siv_disabled_alpha``` to set alpha when icon disabled. Default alpha is ```.5```;
Use ```app:siv_no_dash``` if you don't want to draw dash, when icon disabled;
Use ```app:siv_animation_duration``` if you want to change switching state animation duration;
Use ```app:siv_enabled``` to set initial icon state;
Fully customized implementation:
Public methods:
public void setIconEnabled(boolean enabled);
public void setIconEnabled(boolean enabled, boolean animate);
public boolean isIconEnabled();
public void switchState();
public void switchState(boolean animate);
===========================================================================================
### SmoothCheckBox 用法
Attrs 属性
|attr|format|description|
|---|:---|:---:|
|duration|integer|动画持续时间|
|stroke_width|dimension|未选中时边框宽度|
|color_tick|color|对勾颜色|
|color_checked|color|选中时填充颜色|
|color_unchecked|color|未选中时填充颜色|
|color_unchecked_stroke|color|未选中时边框颜色|
setChecked(boolean checked); // 默认不带动画，若需要动画 调用重载方法
setChecked(boolean checked, boolean animate); // 参数: animate 是否显示动画
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_sample);
final SmoothCheckBox scb = (SmoothCheckBox) findViewById(R.id.scb);
scb.setOnCheckedChangeListener(new SmoothCheckBox.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(SmoothCheckBox checkBox, boolean isChecked) {
Log.d("SmoothCheckBox", String.valueOf(isChecked));
}
});
}
===========================================================================================
### DecimalRulerView 用法
Attrs 属性
XML
Java
mRulerView.initViewParam(20, 0, 100f, 1f);
mRulerView.setChooseValueChangeListener(value -> {
});
===========================================================================================
### DescProgressView 用法
XML
Java
private List descs= new ArrayList<>();
DescProgressView descProgressView = findViewById(R.id.dpv_test);
descs.add("提交");
descs.add("上传凭证");
descs.add("审核凭证");
descs.add("支付赔款");
descs.add("审核");
descProgressView.setProgressDescs(descs, 2);
属性
|attr|format|description|
|---|:---|:---:|
|dpv_text_normal_color|color| 未选中字体颜色 |
|dpv_text_seleced_color|color| 选中字体颜色 |
|dpv_text_size|dimension| 字体大小 |
|dev_progress_bg_color|color| 选中背景颜色 |
|dev_progress_small_circle_color|color| 未选中圆点颜色 |
|dev_progress_big_circle_color|color| 选中圆点颜色 |
===========================================================================================
### WavyLineView 用法
XML
Java
final WavyLineView wavyLineView = (WavyLineView) findViewById(R.id.wavyLineView);
float initPeriod = (float) (2 * Math.PI / 180);
wavyLineView.setPeriod(initPeriod);
wavyLineView.setAmplitude(25);
wavyLineView.setColor(getResources().getColor(R.color.colorAccent));
wavyLineView.setStrokeWidth(dp2px(this, 2));
属性
|attr|format|description|
|---|:---|:---:|
|period|float||
|strokeColor|color|线的颜色|
|amplitude|dimension|振幅|
|strokeWidth|dimension|线的宽度|
===========================================================================================
### CouponView 用法
自定义属性说明
| 自定义属性 |格式|说明|
| :---:|:---:|:---: |
|cv_dash_line_color|color|虚线的颜色|
|cv_dash_line_gap|dimension|虚线的间隔|
|cv_dash_line_height|dimension|虚线的高度|
|cv_dash_line_length|dimension|虚线的长度|
|cv_semicircle_color|color|半圆的颜色，一般需要和背景色一致|
|cv_semicircle_gap|dimension|半圆之前的间隔|
|cv_semicircle_radius|dimension|半圆的半径|
|cv_is_semicircle_top|boolean|是否绘制顶部半圆锯齿|
|cv_is_semicircle_bottom|boolean|是否绘制底部半圆锯齿|
|cv_is_semicircle_left|boolean|是否绘制左侧半圆锯齿|
|cv_is_semicircle_right|boolean|是否绘制右侧半圆锯齿|
|cv_is_dash_line_top|boolean|是否绘制顶部虚线|
|cv_is_dash_line_bottom|boolean|是否绘制底部虚线|
|cv_is_dash_line_left|boolean|是否绘制左侧虚线|
|cv_is_dash_line_right|boolean|是否绘制右侧虚线|
|cv_dash_line_margin_top|dimension|顶部虚线距离View顶部的距离|
|cv_dash_line_margin_bottom|dimension|底部虚线距离View底部的距离|
|cv_dash_line_margin_left|dimension|左侧虚线距离View左侧的距离|
|cv_dash_line_margin_right|dimension|右侧虚线距离View右侧的距离|
添加到你的xml
===========================================================================================
### RippleView 用法
自定义属性
| 自定义属性 |格式|说明|
| :---:|:---:|:---: |
|image|reference|图片|
|sqNot|boolean|false是深浅计算，true是浅深计算|
|starWhat|boolean|是否执行效果|
|roundRimColor|color|圆边颜色设置|
|roundRimSize|integer|圆边大小设置|
===========================================================================================
### LabelView 用法
自定义属性
|name|format|description|
|:---:|:---:|:---:|
| lv_text | string | 设置文字内容
| lv_text_color | color | 设置文字颜色,默认#ffffff
| lv_text_size | dimension | 设置文字大小,默认11sp
| lv_text_bold | boolean | 设置文字是否支持加粗,默认true
| lv_text_all_caps | boolean | 设置文字是否支持全部大写,默认true
| lv_background_color | color | 设置背景颜色,默认"#FF4081"
| lv_min_size | dimension | 设置LabelView所在矩形最小宽高,默认mFillTriangle?35dp:50dp
| lv_padding | dimension | 设置文字上下padding,默认3.5dp,mFillTriangle为true时无效
| lv_gravity | enum | 设置LabelView方向,支持左上或右上或左下或右下,默认左上
| lv_fill_triangle | boolean | 设置是否填充三角区域,默认false
===========================================================================================
### Sample 中使用到的第三方框架包括
- _[Gson](https://github.com/google/gson)_
- _[GreenDao](https://github.com/greenrobot/greenDAO)_
- _[SmartRefreshLayout](https://github.com/scwang90/SmartRefreshLayout) # 刷新_
- _[PinLockView](https://github.com/aritraroy/PinLockView) # 数字密码锁_
- _[PatternLockView](https://github.com/aritraroy/PatternLockView) # 九宫格密码锁_
- _[CompactCalendarView](https://github.com/SundeepK/CompactCalendarView) # 日历_
- _Bugly_
- _[PictureSelector](https://github.com/LuckSiege/PictureSelector) # 图片选择库_
- _butterknife_
- _okhttp+retrofit+rxjava_
- _[BGABanner-Android](https://github.com/bingoogolapple/BGABanner-Android) # 引导界面滑动导航 + 大于等于1页时无限轮播 + 各种切换动画轮播效果_
- _等等。。。_
# 更新日志
【0.3.0】
add MarqueeView
add CircleMenu
add AnimNumberTextView
add ThreeStateSwitch
add SwitchIconView
add DescProgressView
add WavyLineView
add CouponView
add RippleView
【0.2.2】
更改刷新为SmartRefresh
更改网络加载为okhttp+retrofit+rxjava
更改注解为butterknife
添加RulerView
等
【0.1.9】
添加StateView
添加PictureSelector使用
添加Bugly更新使用
添加IndexBar，InadexLayout
添加NormalDecoration
添加Banner的使用
添加RoundTextView
【0.1.7】
添加动画工具类方法
完善工具类方法
添加RangeSeekBar
添加加密算法
添加对lanmbda表达式的支持
添加SwitchButton
配置JitPack.io
【0.1.4】
完善TimeUtils
添加AnimatorUitls方法
添加雷达图library
添加BaseApplication
添加NumberProgressBar
添加UpdateAppDialog
删除GifMovieView
删除HorizontalProgressDialog
【0.1.3】
添加 Glide 下的 Transformations
修改BUG
【0.1.1】
添加 SearchView
添加 GifMovieView
添加 ConversionUtils
修改 TimeUtils
修改包结构
【0.1.0】
添加 ExpandTextView 可展开、折叠的TextView
修改自定义AlertDialog，添加更多属性
添加 RecyclerViewBanner 广告轮播
添加 SmallBang
添加 WaveLoadingView 水波效果
添加工具类AnimatorUitls、RandomUtils，完善AppUitls
【0.0.9】
添加 LoadingView 加载动画
更新Android 轻量级适配器，添加TextView一些属性
【0.0.8】
RecyclerView嵌套RecyclerView；
添加 LabelView 角标
【0.0.7】
StringUtils、TimeUtils、ViewUtils类中添加新的方法；
添加 SwipeToLoadLayout 下拉刷新上拉加载
【0.0.6】
修改ProgressDialog
【0.0.5】
添加HorizontalProgressDialog；
添加StatusBarHelper；
去掉枚举并转换成Integer，避免增加app的class.dex文件的大小
【0.0.4】
添加BottomDialog和NumberAnimTextView
【0.0.3】
添加完善工具类；
添加自定义控件“可翻转的View，仿支付宝-蚂蚁宝卡里流量兑换的翻转View”
【0.0.2】
添加工具类；
ExpandIcon
【0.0.1】
创建项目，添加了一些工具类