写过了很多自定义控件的文章,但一直没时间整合。正好趁着五一好好梳理了一下,舍弃了三天假期,给大家开源了一个 Mei控件库,希望大家能够喜欢。
root gradle
allprojects {
repositories {
...
maven { url "https://jitpack.io" }
}
}
app gradle
dependencies {
implementation 'com.github.HpWens:MeiWidgetView:v0.0.9'
}
<com.meis.widget.MeiTextPathView
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<declare-styleable name="MeiTextPathView">
<attr name="text" format="string"/>
<attr name="textSize" format="dimension"/>
<attr name="textColor" format="color"/>
<attr name="duration" format="integer"/>
<attr name="strokeWidth" format="dimension"/>
<attr name="cycle" format="boolean"/>
<attr name="autoStart" format="boolean"/>
declare-styleable>
文字路径动画控件TextPathView解析
<com.meis.widget.ball.BounceBallView
android:layout_width="match_parent"
android:layout_height="wrap_content">
自定义View之小球自由落体弹跳加载控件
<com.meis.widget.MeiRippleView
android:layout_width="match_parent"
android:layout_height="wrap_content" />
/**
* @param startX 被点击view相对屏幕的 view中心点x坐标
* @param startY 被点击view相对屏幕的 view中心点y坐标
* @param startRadius 开始扩散的半径
*/
public void startRipple(int startX, int startY, int startRadius)
Android自定义View实现炫酷的主题切换动画(仿酷安客户端)
<com.meis.widget.MeiLinePathView
android:layout_width="match_parent"
android:layout_height="wrap_content" />
//设置路径
public void setPath(Path path) {
mKeyframes = new Keyframes(path);
mAlpha = 0;
}
Android仿bilibili弹幕聊天室后面的线条动画
<com.meis.widget.MeiScrollParallaxView
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<declare-styleable name="MeiScrollParallaxView">
<attr name="parallaxRate" format="float"/>
<attr name="enableParallax" format="boolean"/>
<attr name="roundWidth" format="dimension"/>
<attr name="enableCircle" format="boolean">attr>
<attr name="outRoundColor" format="color"/>
declare-styleable>
打造丝滑的滑动视差控件(ScrollParallaxView)
<com.meis.widget.heart.MeiHeartView
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<declare-styleable name="MeiHeartView">
<attr name="heartDuration" format="integer"/>
<attr name="heartEnableAlpha" format="boolean"/>
<attr name="heartEnableScale" format="boolean"/>
declare-styleable>
PathMeasure之直播间送爱心
通过 xml 布局的方式替换掉 selector 文件。这么做的优势在于,减少 apk 体积,避免后期维护大量的 selector 文件,扩展性更强,功能更加强大。
委托的扩展方式(Delegate), 参考的是(AppCompatActivity实现方式), 具体请参考(RadiusTextView)
图片加载过慢请点击 Mei控件库
//PhotoDragRelativeLayout 委托的方式 易扩展
<com.meis.widget.photodrag.PhotoDragRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/pdr_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#000">
.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorPrimary"
app:navigationIcon="@mipmap/ic_arrow_back_white_24dp"
app:title="仿百度浏览器图片拖拽控件"
app:titleTextColor="#FFF" />
.relex.photodraweeview.PhotoDraweeView
android:id="@+id/pdv_photo"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@+id/toolbar"
android:src="@mipmap/ic_mei_ripple" />
com.meis.widget.photodrag.PhotoDragRelativeLayout>
mPdrLayout.setDragListener(new PhotoDragHelper().setOnDragListener(new PhotoDragHelper.OnDragListener() {
@Override
public void onAlpha(float alpha) {
//透明度的改变
mPdrLayout.setAlpha(alpha);
}
@Override
public View getDragView() {
//返回需要拖拽的view
return mPdvView;
}
@Override
public void onAnimationEnd(boolean isRestoration) {
//isRestoration true 执行恢复动画 false 执行结束动画
if (!isRestoration) {
finish();
overridePendingTransition(0, 0);
}
}
}));
针对头条效果做了如下优化
...
android:layout_width="match_parent"
android:layout_height="match_parent"/>
<declare-styleable name="VideoDragRelativeLayout">
<attr name="mei_self_intercept_event" format="boolean">attr>
<attr name="mei_start_anim_duration" format="integer">attr>
<attr name="mei_end_anim_duration" format="integer">attr>
<attr name="mei_restoration_ratio" format="float">attr>
<attr name="mei_offset_rate_y" format="integer">attr>
<attr name="mei_start_offset_ratio_y" format="float">attr>
<attr name="mei_start_anim_enable" format="boolean">attr>
declare-styleable>
VideoDragRelativeLayout
继承 RelativeLayout
默认拦截并消费事件 , 若子控件想消费事件请在 xml
布局文件中设置子控件 android:tag="dispatch"
public interface OnVideoDragListener {
//开始拖拽
void onStartDrag();
/**
* 释放拖拽
* @param isRestoration 是否恢复 true 则执行恢复动画 false 则执行结束动画
*/
void onReleaseDrag(boolean isRestoration);
/**
* 动画结束
* @param isRestoration 是否恢复 true 执行的恢复动画结束 false执行的结束动画结束
*/
void onCompleteAnimation(boolean isRestoration);
}
基于jbox2d引擎实现 , 文中有相应的代码注释请查阅
"0dp"
android:layout_height="0dp"
...
/>
JBox2D运用-打造摩拜单车贴纸动画效果
QQ群:478720016
Mei控件库会一直更新下去,同时也希望大家有好的控件,炫酷动画推荐。
非常感谢
鸿洋
郭霖
启航
以及其他富有创造力,开源的大牛。