RippleEffect Follow Material Design image
使用说明: 使用简单,只需要包裹布局,在相关界面中设置完成监听即可! 在layout布局中 当做 LinearLayout 使用RippleLayout ,给其包裹的子View 设置 id,在相关Activity 或者Fragment 中 给RippleLayout 设置监听事件 setOnRippleCompleteListener() 在方法内部 根据 子view id 去响应相关的 点击事件,最下面举例说明。
具备的功能:
1:要实现水波纹效果,首先这个View 必须是可点击的,也就是说clickable :true 才可以触发 比如默认 Button 的Clickable =true,TextView, ImageView =false,但是可以手动设置 true。
2:这个是一个布局、可以包裹 需要实现水波纹效果的 view,任何View 只要是可点击的,都可以包裹进来。
3:可以保证,当手指按下在当前View 上,如果手滑动出了当前View,不会触发该 点击事件, 也就是只有手按下,和手抬起,都是同一个View 才触发 点击事件。
4:这个效果,保证是 水波纹 结束以后,再去响应 View的点击事件 。
5:一个布局 包裹这么多View,怎么区分每一个的点击事件呢? 答: 根据 每个View 的id 去响应不同的 事件。
Usage include this library, use 可以将下面的 拷贝到layout xml布局中
<com.jorge.ripple_effect.RippleLayout
android:id="@+id/ripplelayout"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<Button
android:layout_marginTop="30dp"
android:id="@+id/button01"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/shape_rectangle_regist_button_selector"
android:text="Activity跳转"
android:enabled="true"/>
<Button
android:layout_marginTop="50dp"
android:id="@+id/button02"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/shape_rectangle_regist_button_selector"
android:text="吐司"
android:enabled="true"/>
<Button
android:layout_gravity="center_horizontal"
android:layout_marginTop="50dp"
android:id="@+id/button03"
android:layout_width="300dp"
android:layout_height="wrap_content"
android:background="@drawable/shape_rectangle_regist_button_selector2"
android:text="Button"
android:enabled="true"/>
<ImageButton
android:src="@drawable/shape_rectangle_regist_button_selector"
android:background="@null"
android:layout_gravity="center_horizontal"
android:layout_marginTop="50dp"
android:id="@+id/button04"
android:layout_width="300dp"
android:layout_height="50dp"
android:enabled="true"/>
<TextView
android:background="@android:color/white"
android:gravity="center"
android:text="TextView"
android:layout_height="60dp"
android:layout_width="fill_parent"
android:layout_margin="10dp"/>
</com.jorge.ripple_effect.RippleLayout>
used in android studio
用Gradle 去加载:
dependencies { compile 'RippleEffect:library:1.0.0' }
在具体Activity 中 根据子view id响应 对应的 click 事件
// eg :
RippleLayout findViewById = (RippleLayout) findViewById(R.id.ripplelayout);
findViewById.setOnRippleCompleteListener(new RippleLayout.OnRippleCompleteListener() {
@Override
public void onComplete(int id) {
if(id==R.id.button01){
startActivity(new Intent(MainActivity.this, NewActivity.class));
}else if(id==R.id.button02){
Toast.makeText(getApplicationContext(), "Button02", Toast.LENGTH_SHORT).show();
}else if(id==R.id.button04){
Toast.makeText(getApplicationContext(), "ImageButton", Toast.LENGTH_SHORT).show();
}
}
});