1. 程式人生 > >SlideView一個滑動效果庫

SlideView一個滑動效果庫

先上效果圖:

1.建立Gradle

allprojects {
    repositories {
        jcenter()
        maven { url "https://jitpack.io" }
    }
}

dependencies {

    compile 'com.github.MAXDeliveryNG:slideview:1.0.0'

}

2.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    >

    <ng.max.slideview.SlideView
        android:id="@+id/slider1"
        android:layout_marginTop="5dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:buttonBackgroundColor="#fff"
        app:buttonImage="@drawable/ic_chevron_double_right_pink"
        app:slideBackgroundColor="@color/colorAccent"
        app:slideText="Accept"/>

    <ng.max.slideview.SlideView
        android:id="@+id/slider2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="15dp"
        android:layout_marginTop="15dp"
        app:buttonBackgroundColor="@android:color/white"
        app:buttonImage="@drawable/ic_chevron_double_right_purple"
        app:reverseSlide="true"
        app:slideBackgroundColor="@color/colorPrimary"
        app:slideText="Cancel"/>

    <ng.max.slideview.SlideView
        android:id="@+id/slider3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:buttonBackgroundColor="@color/colorAccent"
        app:buttonImage="@drawable/ic_chevron_double_right_white_24dp"
        app:slideBackgroundColor="@android:color/white"
        app:slideText="Accept"
        app:slideTextColor="@color/colorAccent"
        app:strokeColor="@color/colorAccent"/>

    <ng.max.slideview.SlideView
        android:id="@+id/slider4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:reverseSlide="true"
        app:buttonBackgroundColor="@color/colorPrimary"
        app:buttonImage="@drawable/ic_chevron_double_right_white_24dp"
        app:slideBackgroundColor="@android:color/white"
        app:slideText="Reverse"
        app:slideTextColor="@color/colorPrimary"
        app:strokeColor="@color/colorPrimary"
        android:layout_marginBottom="15dp"
        android:layout_marginTop="15dp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Slide to disable"
        android:layout_marginTop="25dp"
        android:textSize="20sp"
        android:layout_gravity="center_horizontal"
        android:textColor="@color/colorPrimary"/>

    <ng.max.slideview.SlideView
        android:id="@+id/slider5"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="15dp"
        android:layout_marginTop="15dp"
        app:buttonBackgroundColor="@android:color/white"
        app:buttonImage="@drawable/ic_settings_purple"
        app:slideBackgroundColor="@color/slide_button_bg_selector"
        app:slideText="Enabled"
        app:buttonImageDisabled="@drawable/ic_settings_grey600_24dp"/>


</LinearLayout>

3.使用,MainActivity:

public class MainActivity extends AppCompatActivity {

    private SlideView slideView1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        slideView1 = (SlideView) findViewById(R.id.slider1);

        slideView1.setOnSlideCompleteListener(new SlideView.OnSlideCompleteListener() {
            @Override
            public void onSlideComplete(SlideView slideView) {

                // 震動100毫秒,需要新增許可權  Vibrator
                Vibrator vibrator = (Vibrator) getSystemService(Context.VIBRATOR_SERVICE);
                vibrator.vibrate(100);
                // 跳轉下一個Activity
                startActivity(new Intent(MainActivity.this, SecondActivity.class));
            }
        });
    }
}

4.屬性資訊:

5.GitHub地址:

https://github.com/MAXDeliveryNG/slideview

相關推薦

SlideView一個滑動效果

先上效果圖: 1.建立Gradle allprojects { repositories { jcenter() maven { url "https://jitpack.io" } } } dependencies {

出色的html滑動效果 swiper -例子4 超長單欄橫向滑動

可以用於div滑動,圖片滑動等切換 例子程式碼以及所需資源:http://download.csdn.net/detail/feisy/6638105官網例子:使用iframe來在同一個頁面裡面加入了很多各種不同的演示 http://www.idangero.us/slid

出色的html滑動效果 swiper -例子1 橫向滑動,結束自動切換回第一欄

可以用於div滑動,圖片滑動等切換 例子程式碼以及所需資源:http://download.csdn.net/detail/feisy/6638105 官網例子:使用iframe來在同一個頁面裡面加入了很多各種不同的演示 http://www.idangero.us/sli

出色的html滑動效果 swiper -例子5 橫向自由滑動 可以滑動部分

可以用於div滑動,圖片滑動等切換 例子程式碼以及所需資源:http://download.csdn.net/detail/feisy/6638105官網例子:使用iframe來在同一個頁面裡面加入了很多各種不同的演示 http://www.idangero.us/slid

仿一個好玩的滑動效果

tde 滑動效果 wce else 技術 cto rev opacity art 起因 昨天跑步的時候,看到一個app(華為手機自帶的運動健康)上的滑動效果很有意思,回來之後就想著,能不能在dom上實現一下,於是有了這篇文章。首先看一下效果圖,滑動下面的綠色滑塊可以看到效果

叫教你打造一個滑動懸浮置頂的視覺效果,給你的廣告欄增加一些特色

一個滑動懸浮置頂的View,通過自定義ScrollView來實現一個精美的固定懸浮效果 效果圖: 這個特效其實沒有那麼複雜! 思路: - 自定義ListView對頭佈局進行處理 - 自定義 RecycleView 貌似很複雜的樣子 - 自定義Be

JQuery mouse..事件+元素顯示隱藏 切換 +淡入淡出+滑動效果。(可以做一個ul li下拉框滑動收起效果:slideUp)

<1> 滑鼠事件   動畫   滑動   淡入淡出  <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

仿ios的滑動效果

public 頭部 ati 設置 class iss generated ttr stat package code.suibianchou.com.custormview2;import android.annotation.SuppressLint;import and

三張圖教你生成一個Android jar

教程 water b2c 是把 eas mod div log 第三方 我看到非常多教人使用第三方開源組件的Android教程。都是在教基於源代碼project的庫導入,個人覺得非常不妥,覺得最恰當的方式是把源代碼project生成一個jar再導入到目標project上

使用原生js封裝webapp滑動效果(慣性滑動滑動回彈)

pla 手指 測試 距離 ack cti 時間 .proto start PC 移動端兼容 IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ 慣性助動,滑動回彈 門面模式 window.onload = function() { /*測試

JS實例之圖片滑動效果,實例圖片滑動進場

ava 圖片滑動 代碼 right adding pre -- lin parseint 1 <head> 2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&

實現一個javascript手勢 -- base-gesture.js

存在 之前 art tar 如果 給他 上下 避免 私家車   現在移動端這麽普及呢,我們在手機上可以操作更多了。對於網頁來說實現一些豐富的操作感覺也是非常有必要的,對吧(如果你僅僅需要click,,那就當我沒說咯。。。)~~比如實現上下,左右滑動,點擊之類的,加上這些東西

Android使用GestureDetector實現手勢滑動效果

void tco event else if rate method sta pro 手勢滑動 直接看實例: package com.example.gesturedetector; import android.os.Bundle; import

仿qq會話列表滑動效果

滑動事件 style 執行 位移 記錄 htm kit lis rem 一、功能分析 qq會話列表可以向左滑動,然後出現刪除按鈕 二、知識點 touch事件,css3的transform屬性 三、實現思路 為每個列表項綁定touch事件,計算touch移動的距離,在touc

unity3d實現廣告滑動效果

ans cto 代碼 tag itween ngui logs lap image 新建了一個帶mask的prefab,加上代碼只需要將圖片prefab、按鈕prefab和所想添加的圖片 拖進去會自動生成按鈕,滑動速度可以隨意調time,滑動效果用itween實現的,所以需

單側區域滑動效果

use () attr user div trigge androi news resize http://www.gamersky.com/news/201706/920789.shtml function HomeScroll(n, t) { function u

做微信公眾號時,移動端滑動效果(swiper插件(display:none))顯示滑動問題

其中 display 顯示 width ren 按鈕 沒有 描述 公眾號  微信公眾號的制作,其中缺少不了希望實現標題、內容、圖片的滑動效果, 這時候可以選擇使用(swiper插件)實現相應效果,功能十分強大,鏈接:http://www.swiper.com.cn/

tab選項卡動態滑動效果

ref nav css引入 選項 important script 滑動效果 tab選項卡 port css引入:style.css 樣式可自己更改 html 結果和class: <div class="navBar"> <ul

js應用例子——滑動效果

設置 ntb ack body 按鈕 margin post osi window //設置樣式<style type="text/css">*{ margin:0px auto; padding:0px;}#wai{ width:1000px; height:

阻止微信瀏覽器下拉滑動效果(ios11.3 橡皮筋效果

ade rman 動效 ios11 lan web html sta devel 在升級到 ios11.3 系統後,發現之前阻止頁面滾動的代碼e.preventDefault代碼失效了。於是自己折騰了一番,找到了解決辦法,分享給大家。 一、前言 瀏覽器在移動端有一