Android自定义滑动解锁控件使用详解

最近的项目里用到了,在网上找不到合适的,于是自己写了个简单的,带回弹效果:

可以自定义的属性有:

<!-- 滑动解锁控件 xml配置属性 -->
<declare-styleable name="SlideToUnlockView">
<attr name="slideImageViewWidth" format="dimension"/><!-- 滑块宽度 -->
<attr name="slideImageViewResId" format="reference"/><!-- 滑块资源id -->
<attr name="slideImageViewResIdAfter" format="reference"/><!-- 滑动到右边时,滑块资源id -->
<attr name="viewBackgroundResId" format="reference"/><!-- 背景资源id -->
<attr name="textHint" format="string"/><!-- 文本内容 -->
<attr name="textSize" format="integer"/><!-- 文本字号 -->
<attr name="textColorResId" format="color"/><!-- 文本字色 -->
<attr name="slideThreshold" format="float"/><!-- 滑动阈值,默认是0.5,当右滑距离不满整个控件宽度的0.5,就会回弹至左边 -->
</declare-styleable>

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:chuck="http://schemas.android.com/apk/res-auto"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.qdong.slidetounlockdemo.MainActivity">

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/relativeLayout">

<!-- chuck:textSize="14sp"
  chuck:textColorResId="@color/colorWhite"-->
<com.qdong.slide_to_unlock_view.CustomSlideToUnlockView
 android:id="@+id/slide_to_unlock"
 android:layout_width="match_parent"
 android:layout_height="50dp"

chuck:viewBackgroundResId="@drawable/shape_round_normal_green"
 chuck:slideImageViewWidth="@dimen/slide_width"
 chuck:slideImageViewResId="@mipmap/icon_slide"
 chuck:slideImageViewResIdAfter="@mipmap/ic_launcher"
 chuck:slideThreshold="0.5"
 chuck:textSize="6"
 chuck:textHint="@string/hint"
 chuck:textColorResId="@color/colorWhite"

>

</com.qdong.slide_to_unlock_view.CustomSlideToUnlockView>

</RelativeLayout>

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="reset"
android:id="@+id/button"
android:layout_below="@+id/relativeLayout"
android:layout_centerHorizontal="true"
android:layout_marginTop="150dp"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/tv_text"
android:text="slide distance:"
android:layout_alignBottom="@+id/button"
android:layout_centerHorizontal="true"
android:layout_marginBottom="60dp"/>

</RelativeLayout>

MainActivity:

public class MainActivity extends AppCompatActivity {

private com.qdong.slide_to_unlock_view.CustomSlideToUnlockView mCustomSlideToUnlockView;
private TextView tv_text;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mCustomSlideToUnlockView= (com.qdong.slide_to_unlock_view.CustomSlideToUnlockView) findViewById(R.id.slide_to_unlock);
tv_text= (TextView) findViewById(R.id.tv_text);

CustomSlideToUnlockView.CallBack callBack=new CustomSlideToUnlockView.CallBack() {
 @Override
 public void onSlide(int distance) {
 tv_text.setText("slide distance:"+distance);
 }

@Override
 public void onUnlocked() {
 tv_text.setText("onUnlocked");
 }
};
mCustomSlideToUnlockView.setmCallBack(callBack);
findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
 @Override
 public void onClick(View view) {
 mCustomSlideToUnlockView.resetView();
 }
});
}
}

下载地址:

https://github.com/506954774/AndroidCustomSlideToUnlockView