آموزش Swipe در برنامه نویسی اندروید

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش Swipe در برنامه نویسی اندروید می پردازیم در ادامه می توانید پیش نمایشی از آن را مشاهده کنید از این آموزش برای ساخت Lock Screen می توانید استفاده کنید. این view یک کتاب خانه است در ادامه با ما همراه باشید.

مثل همیشه برای اینکه از این کتاب خانه استفاده کنید باید کتاب خانه آن را اضافه کنید.
برای اینکار وارد فایل Build.gradle از نوع module شده و در بخش dependencies خط زیر را اضافه کنید.

compile 'com.ebanx:swipe-button:0.8.2'

1	compile 'com.ebanx:swipe-button:0.8.2'

سپس پروژه را sync کنید علت خطاهای گریدل را قبلا بررسی کرده ایم.
برای اینکه آن را به Layout خود اضافه کنید از کد زیر استفاده کنید.

<com.ebanx.swipebtn.SwipeButton
    android:id="@+id/swipe_btn"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginStart="20dp"
    android:layout_marginEnd="20dp"
    app:inner_text="SWIPE"
    app:inner_text_color="@android:color/white"
    app:inner_text_size="16sp"
    app:inner_text_top_padding="18dp"
    app:inner_text_bottom_padding="18dp"
    app:inner_text_background="@drawable/shape_rounded"
    app:button_image_height="60dp"
    app:button_image_width="100dp"
    app:button_image_disabled="@drawable/ic_lock_open_black_24dp"
    app:button_image_enabled="@drawable/ic_lock_outline_black_24dp"
    app:button_left_padding="20dp"
    app:button_right_padding="20dp"
    app:button_top_padding="20dp"
    app:button_bottom_padding="20dp"
    app:button_background="@drawable/shape_button"
    app:initial_state="disabled"
    app:has_activate_state="true"
    />

<com.ebanx.swipebtn.SwipeButton

android:id="@+id/swipe_btn"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginStart="20dp"

android:layout_marginEnd="20dp"

app:inner_text="SWIPE"

app:inner_text_color="@android:color/white"

app:inner_text_size="16sp"

app:inner_text_top_padding="18dp"

app:inner_text_bottom_padding="18dp"

app:inner_text_background="@drawable/shape_rounded"

app:button_image_height="60dp"

app:button_image_width="100dp"

app:button_image_disabled="@drawable/ic_lock_open_black_24dp"

app:button_image_enabled="@drawable/ic_lock_outline_black_24dp"

app:button_left_padding="20dp"

app:button_right_padding="20dp"

app:button_top_padding="20dp"

app:button_bottom_padding="20dp"

app:button_background="@drawable/shape_button"

app:initial_state="disabled"

app:has_activate_state="true"

app:inner_text : متن view را تنظیم می کند.
app:inner_text_color : رنگ متن را تنظیم می کند.
app:inner_text_size : اندازه متن را تنظیم می کند.
app:inner_text_top_padding فاصله داخلی متن از بالا را تنظیم می کند.
app:inner_text_bottom_padding فاصله داخلی متن را از بالا تنظیم می کند.
app:inner_text_background : پس زمینه متن را تنظیم می کند.
app:button_image_height : طول دکمه را تنظیم می کند.
app:button_image_width : عرض دکمه را تنظیم می کند.
app:button_image_disabled : عکس دکمه در حالت غیر فعال را تنظیم می کند.
app:button_image_enabled : عکس دکمه در حالت فعال را تنظیم می کند.
app:button_left_padding : فاصله داخلی دکمه از سمت چپ را تنظیم می کند.
app:button_right_padding : فاصله داخلی دکمه از سمت راست را تنظیم می کند.
app:button_background : پسزمینه دکمه را تنظیم می کند.
app:initial_state : حالت میانی یا وسطی دکمه را تنظیم می کند.
app:has_activate_state : فعال یا غیر فعال بودن دکمه را تنظیم می کند.
و برای اینکه حالت Swipe را تشخیص دهید در اکتیویتی از کد زیر استفاده کنید.

SwipeButton enableButton = (SwipeButton) findViewById(R.id.swipe_btn);
enableButton.setOnStateChangeListener(new OnStateChangeListener() {
      @Override
      public void onStateChange(boolean active) {
           Toast.makeText(MainActivity.this, "State: " + active, Toast.LENGTH_SHORT).show();
      }
});