欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2023-08-25 14:40:07
最近的项目里用到了,在网上找不到合适的,于是自己写了个简单的,带回弹效果: 可以自定义的属性有: ...

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。