當前位置:首頁 » 安卓系統 » android視差

android視差

發布時間: 2022-12-19 07:35:37

⑴ 32個實用酷炫的Android開源UI框架

1.Side-Menu.Android

分類側滑菜單 , Yalantis 出品。

項目地址: https://github.com/Yalantis/Side-Menu.Android

2.Context-Menu.Android

可以方便快速集成漂亮帶有動畫效果的上下文菜單, Yalantis 出品。

項目地址: https://github.com/Yalantis/Context-Menu.Android

3.Pull-to-Refresh.Rentals-Android

提供一個簡單可以自定義的 下拉刷新 實現,Yalantis 出品。

項目地址: https://github.com/Yalantis/Pull-to-Refresh.Rentals-Android

4.Titanic

可以顯示水位上升下降的TextView

項目地址: https://github.com/RomainPiel/Titanic

5.AndroidSwipeLayout

滑動Layout ,支持單個View,ListView,GridView

項目地址: https://github.com/daimajia/AndroidSwipeLayout

Demo地址: Download Demo

6.Android Typeface Helper

可以幫你輕松實現自定義字體的庫

項目地址: https://github.com/norbsoft/android-typeface-helper

7.android-lockpattern

Android的圖案密碼解鎖

項目地址: https://code.google.com/p/android-lockpattern/

Demo地址: https://play.google.com/store/apps/details?id=group.pals.android.lib.ui.lockpattern.demo

文檔介紹: https://code.google.com/p/android-lockpattern/wiki/QuickUse

APP示例:Android開機的圖案密碼解鎖,支付寶的密碼解鎖

8.ToggleButton

狀態切換的 Button,類似 iOS,用 View 實現

項目地址: https://github.com/zcweng/ToggleButton

9.WilliamChart

繪制圖表的庫,支持LineChartView、BarChartView和StackBarChartView三中圖表類型,並且支持 Android 2.2及以上的系統。

項目地址: https://github.com/diogobernardino/WilliamChart

Demo地址: https://play.google.com/store/apps/details?id=com.db.williamchartdemo

Demo項目: https://github.com/diogobernardino/WilliamChart/tree/master/sample

10.實現滑動ViewPager漸變背景色

項目地址: https://github.com/TaurusXi/GuideBackgroundColorAnimation

11.Euclid

用戶簡歷界面, Yalantis 出品。

項目地址: https://github.com/Yalantis/Euclid

12. InstaMaterial

Instagram的一組Material 風格的概念設計

項目地址: https://github.com/frogermcs/InstaMaterial

13. SpringIndicator

使用bezier實現粘連效果的頁面指示

項目地址: https://github.com/chenupt/SpringIndicator

14. BezierDemo

仿qq消息氣泡拖拽 消失的效果。

項目地址: https://github.com/chenupt/BezierDemo

15. FoldableLayout

折疊的信紙被打開一樣的動畫效果

項目地址: https://github.com/alexvasilkov/FoldableLayout

16.Taurus

下拉刷新,Yalantis 出品。(是不是有點似曾相識呢?)

項目地址: https://github.com/Yalantis/Taurus

17. PersistentSearch

在點擊搜索的時候控制項在原有位置顯示輸入框。

項目地址: https://github.com/Quinny898/PersistentSearch

18. circular-progress-button

帶進度顯示的Button

項目地址: https://github.com/dmytrodanylyk/circular-progress-button

19. discrollview

當上下滾動的時候子元素會呈現不同動畫效果的scrollView,網頁上稱之為:視差滾動

項目地址: https://github.com/flavienlaurent/discrollview

20. sweet-alert-dialog

一個帶動畫效果的 自定義對話框樣式

項目地址: https://github.com/pedant/sweet-alert-dialog

21. android-floating-action-button

Material Desig風格的 浮動操作按鈕

項目地址: https://github.com/futuresimple/android-floating-action-button

22. android-collapse-calendar-view

可以在月視圖與周視圖之間切換的calendar控制項

項目地址: https://github.com/blazsolar/android-collapse-calendar-view

22. android-collapse-calendar-view

可以在月視圖與周視圖之間切換的calendar控制項

項目地址: https://github.com/blazsolar/android-collapse-calendar-view

23. NumberProgressBar

個簡約性感的數字進度條

項目地址: https://github.com/daimajia/NumberProgressBar

24. CircularProgressView

CircularProgressView 是通過自定義view的方式實現的Material風格的載入提示控制項,兼容任何版本。

項目地址: https://github.com/rahatarmanahmed/CircularProgressView

25. OriSim3D-Android

opengl 實現了各種折紙效果,模擬了從一張紙折疊成一條船的整個過程

項目地址: https://github.com/RemiKoutcherawy/OriSim3D-Android

26、萬能日歷控制項:CalendarView

GitHub: https://github.com/huanghaibin-dev/CalendarView

中文使用文檔: https://github.com/huanghaibin-dev/CalendarView/blob/master/QUESTION_ZH.md

27、大圖查看器: BigImage ImageView ViewPager

Github: https://github.com/SherlockGougou/BigImageViewPager

地址: https://www.jianshu.com/p/b15e65791c3f

支持超長圖、超大圖的圖片瀏覽器,優化內存,支持手勢放大、下拉關閉、查看原圖、載入百分比、保存圖片等功能。現已支持androidx。

28、安卓工具包androidUntilCode(安卓必備)

Github: https://github.com/Blankj/AndroidUtilCode/blob/master/lib/utilcode/README-CN.md

29、萬能適配器-BRAVH

官網: http://www.recyclerview.org

GitHub: https://github.com/CymChad/BaseRecyclerViewAdapterHelper

RecyclerView

作為Android最常用的控制項之一,是否常常為「她」操碎了心

BRVAH受益群體是所有Android開發者,希望更多開發者能夠一起來把這個項目做得更好幫助更多人

30、智能刷新控制項--SmartRefreshLayout

GitHub: https://github.com/scwang90/SmartRefreshLayout

中文: https://gitee.com/scwang90/SmartRefreshLayout

SmartRefreshLayout以打造一個強大,穩定,成熟的下拉刷新框架為目標,並集成各種的炫酷、多樣、實用、美觀的Header和Footer。 正如名字所說,SmartRefreshLayout是一個「聰明」或者「智能」的下拉刷新布局,由於它的「智能」,它不只是支持所有的View,還支持多層嵌套的視圖結構。 它繼承自ViewGroup 而不是FrameLayout或LinearLayout,提高了性能。 也吸取了現在流行的各種刷新布局的優點,包括谷歌官方的 SwipeRefreshLayout , 其他第三方的 Ultra-Pull-To-Refresh 、 TwinklingRefreshLayout 。 還集成了各種炫酷的 Header 和 Footer。

31、內存泄漏檢測工具--leakcanary

使用方式: https://www.jianshu.com/p/b83ddffcb3b5

LeakCanary是Square公司基於MAT開源的一個工具,用來檢測Android App中的內存泄露問題。官方地址: https://github.com/square/leakcanary

32、 1218683832 / AndroidSlidingUpPanel

SlidingUpPanelLayout:可以上下滑動的菜單布

https://github.com/1218683832/AndroidSlidingUpPanel

⑵ Android 協調布局

依賴

layout_scrollFlags 屬性

1、scroll:影響向下滾動(默認不設置的值)
Child View 伴隨著滾動事件而滾出或滾進屏幕。
注意兩點:
第一點,如果使用了其他值,必定要使用這個值才能起作用;
第二點:如果在這個child View前面的任何其他Child View沒有設置這個值,那麼這個Child View的設置將失去作用
發生向下滾動是,優先滾動Scrolling View,當優先滾動的一方已經全部滾進屏幕之後,另一方才開始滾動

2、enterAlways : 影響向下滾動
對比scroll和scroll | enterAlways設置,發生向下滾動事件時,前者優先滾動Scrolling View,後者優先滾動Child View,
效果:當優先滾動的一方已經全部滾進屏幕之後,另一方才開始滾動

3、enterAlwaysCollapsed:影響向下滾動
一般:scroll|enterAlways|enterAlwaysCollapsed
child View需設定最小值,即minHeight。
效果:向下滾動時,Child View先向下滾動最小高度值,然後Scrolling View開始滾動,到達邊界時,Child View再向下滾動,直至顯示完全

4、exitUntilCollapsed:影響向上滾動
這里也有最小高度,即有沒有設置minHeight,一般不設置
效果:發生向上滾動時,Child View向上滾動退出直到最小高度,然後Scrolling View開始滾動。一般minHeight不設置,所以它就會完全滾出屏幕

5、snap
Child View滾動比例的一個吸附效果。也就是說,
效果:Child View不會存在局部顯示的情況,滾動Child View的部分高度,當我們松開手指時,Child View要麼向上全部滾出屏幕,要麼向下全部滾進屏幕,有點類似ViewPager的左右滑動

layout_collapseMode 屬性

1.parallax:視差模式,在折疊的時候會有折疊視差效果。一般搭配layout_collapseParallaxMultiplier=「0.5」視差的明顯程度be between 0.0 and 1.0.

2.none:沒有任何效果,往上滑動的時候toolbar會首先被固定並推出去。

3.pin:固定模式,在折疊的時候最後固定在頂端。

⑶ Android的ScrollView示例

ScrollView 絕對是各種教材、教程都或多或少遺漏的一個非常重要的視圖。凡是這個界面的組成非常不規則,而且豎直方向長度不夠就肯定需要使用 Scrollview 了。因為 ListView 處理的是規則的內容。至於帶視差效果的滾動自然是ScrollView的產物。本文會通過一個簡單的例子,講述如何使用Scrollview。

多數的Android應用都會出現內容尺寸超出屏幕的情況。比如一則新聞頁,有配圖,在配圖下可以點擊按鈕了解更多,有標題,最後是全部的新聞內容,假設這則內容是勇士打敗騎士隊後詹姆斯又跑去哪裡抱大腿的新聞。那麼ListView顯然不是最好的選擇,但是一般的Layout,比如 LinearLayout 、 RelativeLayout 或者 FrameLayout 之類Layout也沒法用。最後就只有 ScrollView 可以解決問題了。

ScrollView 就是這么一種特殊的布局。當 ScrollView 的內容大於他本身的size的時候, ScrollView 會自動添加滾動條,並可以豎直滑動。

原文地址: http://javatechig.com/android/android-scrollview-example

⑷ android parallaxscrollview怎麼用

ParallaxScrollView實現具有視差滾動(Parallax Scroll)效果的滾動視圖。所謂視差滾動,就是屏幕有兩層滾動視圖,兩層滾動視圖的滾動速度不一樣,一般來說前面的滾動視圖的滾動速度比底部的滾動視圖的滾動速度要快,從而造成三維滾動效果。可以調整視差滾動參數,參數越小,兩層的滾動速度相差越大,視差滾動效果越明顯。

⑸ Android如何在CollapsingToolbarLayout 中實現點擊事件

上一篇博客我們學習了Android Design SuppZ喎�"http://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vcnQgTGlicmFyeb/i1tC1xCDKx7j2vPK1pbXE1+m8//NPGJyIC8+DQpBbmRyb2lkIE3Qwr//NztLDx7zM0PjRp8+wRGVzaWv+LW0LXExuTL+8vEuPbX6bz+xOO1xLmks8zW0NL9yOs8L3A+DQo8cHJlIGNsYXNzPQ=="brush:java;">compile 'com.android.support:design:22.2.0'
AppBarLayout
效果圖是這樣的

AppBarLayout 是繼承LinerLayout實現的一個ViewGroup容器組件,它是為了Material Design設計的App Bar,支持手勢滑動操作。
默認的AppBarLayout是垂直方向的,它的作用是把AppBarLayout包裹的內容都作為AppBar。類似上面圖片貼出來的效果,代碼布局如下:
?

1
2
3
4
5
6
7

<code avrasm="" class="hljs">

</android.support.v7.widget.toolbar>

</android.support.design.widget.tablayout></android.support.design.widget.appbarlayout></code>

此處將Toolbar 和Tablayout的組合部分共同構成 AppBar的效果。
注意: AppBarLayout必須作為Toolbar的父布局容器
AppBarLayout是支持手勢滑動效果的,不過的跟CoordinatorLayout配合使用,接下來學習一下CoordinatorLayout組件怎麼使用?
CoordinatorLayout

從開發文檔中可以了解到,CoordinatorLayout是一個增強型的FrameLayout。它的作用有兩個
作為一個布局的根布局 最為一個為子視圖之間相互協調手勢效果的一個協調布局
例如一下布局代碼:
?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<code avrasm="" class="hljs"> <!--?xml version=1.0 encoding=utf-8?-->

</android.support.design.widget.tablayout></android.support.v7.widget.toolbar></android.support.design.widget.appbarlayout>

<!--可滑動的布局內容-->

</android.support.design.widget.floatingactionbutton></android.support.v7.widget.recyclerview></android.support.design.widget.coordinatorlayout></code>

從上面布局看到,CoordinatorLayout協調布局中包裹了兩個布局,一個是NestedScrollView,一個是AppBarLayout,以及FAB按鈕。
我們來看看CoordinatorLayout是怎麼來協調這兩個子視圖手勢操作的。
1.由於CoordinatorLayout是FrameLayout布局,我們可以通過
?

1

<code avrasm="" class="hljs">android:layout_gravity=bottom|end</code>

屬性來控制組件在整個布局中的位置,比如上面效果中的FAB就是通過android:layout_gravity=」bottom|end」來確定 FAB的位置在底端的最右邊的位置。
2.為了達到上面效果圖的手勢動畫效果,我們必須做如下設置,通過app:layout_scrollFlags=」scroll|enterAlways」 屬性來確定哪個組件是可滑動的
設置的layout_scrollFlags有如下幾種選項:
scroll: 所有想滾動出屏幕的view都需要設置這個flag- 沒有設置這個flag的view將被固定在屏幕頂部。 enterAlways: 這個flag讓任意向下的滾動都會導致該view變為可見,啟用快速「返回模式」。 enterAlwaysCollapsed: 當你的視圖已經設置minHeight屬性又使用此標志時,你的視圖只能已最小高度進入,只有當滾動視圖到達頂部時才擴大到完整高度。 exitUntilCollapsed: 滾動退出屏幕,最後折疊在頂端。
我們上面的布局中 給Toolbar設置了app:layout_scrollFlags屬性,因此,Toolbar是可以滾動出屏幕,且向下滾動有可以出現。
3.為了使得Toolbar可以滑動,我們必須還得有個條件,就是CoordinatorLayout布局下包裹一個可以滑動的布局,比如 RecyclerView,NestedScrollView(經過測試,ListView,ScrollView不支持)具有滑動效果的組件。並且給這些組件設置如下屬性來告訴CoordinatorLayout,該組件是帶有滑動行為的組件,然後CoordinatorLayout在接受到滑動時會通知AppBarLayout 中可滑動的Toolbar可以滑出屏幕了。
?

1

<code class="hljs" perl="">app:layout_behavior=@string/appbar_scrolling_view_behavior</code>

總結: 為了使得Toolbar有滑動效果,必須做到如下三點:
CoordinatorLayout必須作為整個布局的父布局容器。 給需要滑動的組件設置 app:layout_scrollFlags=」scroll|enterAlways」 屬性。 給你的可滑動的組件,也就是RecyclerView 或者 NestedScrollView 設置如下屬性:
?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<code class="hljs" markdown=""> app:layout_behavior=@string/appbar_scrolling_view_behavior
```

##CollapsingToolbarLayout

![這里寫圖片描述](http://img.blog.csdn.net/20150617115211729)

CollapsingToolbarLayout包裹 Toolbar 的時候提供一個可折疊的 Toolbar,一般作為AppbarLayout的子視圖使用。

CollapsingToolbarLayout 提供以下屬性和方法是用:

1. Collapsing title:ToolBar的標題,當CollapsingToolbarLayout全屏沒有折疊時,title顯示的是大字體,在折疊的過程中,title不斷變小到一定大小的效果。你可以調用setTitle(CharSequence)方法設置title。
2. Content scrim:ToolBar被折疊到頂部固定時候的背景,你可以調用setContentScrim(Drawable)方法改變背景或者 在屬性中使用 app:contentScrim=?attr/colorPrimary來改變背景。
3. Status bar scrim:狀態欄的背景,調用方法setStatusBarScrim(Drawable)。還沒研究明白,不過這個只能在Android5.0以上系統有效果。
4. Parallax scrolling children:CollapsingToolbarLayout滑動時,子視圖的視覺差,可以通過屬性app:layout_collapseParallaxMultiplier=0.6改變。
5. CollapseMode :子視圖的折疊模式,有兩種「pin」:固定模式,在折疊的時候最後固定在頂端;「parallax」:視差模式,在折疊的時候會有個視差折疊的效果。我們可以在布局中使用屬性app:layout_collapseMode=parallax來改變。

布局代碼如下:
</code>

?

1
2
3
4
5

<code class="hljs" markdown="">
***總結:*** CollapsingToolbarLayout主要是提供一個可折疊的Toolbar容器,對容器中的不同視圖設置layout_collapseMode折疊模式,來達到不同的折疊效果。

1.Toolbar 的高度layout_height必須固定,不能 「wrap_content」,否則Toolbar不會滑動,也沒有折疊效果。
2.為了能讓FloatingActionButton也能折疊且消失出現,我們必須給FAB設置錨點屬性</code>

?

1

<code class="hljs" perl="">app:layout_anchor=@id/appbar</code>

意思是FAB浮動按鈕顯示在哪個布局區域。
且設置當前錨點的位置
app:layout_anchorGravity=」bottom|end|right」
意思FAB浮動按鈕在這個布局區域的具體位置。
兩個屬性共同作用才是的FAB 浮動按鈕也能折疊消失,出現。
3.給需要有折疊效果的組件設置 layout_collapseMode屬性。
【轉載請註明出處:http://blog.csdn.net/feiclear_up/article/details/46514791 CSDN 廢墟的樹】
NavigationView

http://www.2cto.com/kf/201506/409067.html

⑹ android-ultra-pull-to-refresh怎麼換刷新的動畫

首先是Ultra-Pull-To-Refresh的特點,此庫提供了一個Layout類:PtrFramLayout作為Wrapper來包涵ContentView,今天用到兩個方法:第一個PtrFramLayout#setHeaderView(View)用來設置頭部顯示的刷新View,第二個PtrFramLayout#addPtrUIHandler(PtrHandler)用來設置監聽用戶下拉狀態、下拉offset、刷新完成狀態等。
其次是動畫的,根據效果圖,第一點是下拉的時候人物從左側走過來到中間,到中間後手指再繼續往下拉,此時人物也不走了,第二點是當手指松開時或者處於下拉狀態時,人物不停的走動,並且背景產生一個相對位移,給人的視覺上造成一個視覺差,也就是我們想要的視差動畫了,這就是整個視差動畫的實現步驟。

熱點內容
雜訊的危害和控制設計腳本 發布:2025-05-17 08:22:29 瀏覽:472
esr演算法 發布:2025-05-17 08:16:09 瀏覽:194
安卓手機怎麼用擬我表情 發布:2025-05-17 08:10:13 瀏覽:918
給U盤安裝kalilinux 發布:2025-05-17 08:07:26 瀏覽:249
sql提示存儲過程 發布:2025-05-17 07:35:58 瀏覽:743
qq里的互動訪問 發布:2025-05-17 07:26:53 瀏覽:665
口語易賬號密碼發送到哪裡 發布:2025-05-17 07:26:52 瀏覽:62
核桃編程幼兒 發布:2025-05-17 07:26:50 瀏覽:787
2台伺服器集群搭建 發布:2025-05-17 07:18:57 瀏覽:185
北方園林配置植物有哪些 發布:2025-05-17 07:18:20 瀏覽:544