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代碼失效了。於是自己折騰了一番,找到了解決辦法,分享給大家。 一、前言 瀏覽器在移動端有一