Android 5.0 MaterialDesign Ripple效果水波紋效果
在Android 5.X的UI射擊Material Design中,更是使用了大量的動畫效果,同事Google也在官方文件上增加了對動畫的設計指導。
Ripple效果
在Android 5.0後,material Design大量使用了Ripple效果,那就是點選後的波紋效果。
//波紋有邊界
android:background=”?android:attr/selectableItemBackground”
//波紋超出邊界
android:background=”?android:attr/selectableItemBackgroundBorderless”
在Drawable裡面建立XML實現Ripple效果
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/text_sub_other_color">
<item>
<shape android:shape="rectangle">
<solid android:color="?android:colorAccent"/>
</shape >
</item>
</ripple>
使用方法所示
<LinearLayout
android:id="@+id/ll_home"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@drawable/bg_ripple_btn"
android:gravity="center"
android:orientation="vertical">
<TextView
android:id="@+id/tv_home_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/dp_2"
android:drawablePadding="@dimen/dp_3"
android:drawableTop="@drawable/main_bottom_tab_home"
android:text="@string/menu_text_home"
android:textColor="@drawable/event_select_text"
android:textSize="@dimen/font_size_12"/>
</LinearLayout>
如果覺得我的文章對您有用,請點頂。您的支援將鼓勵我繼續碼蛋!
相關推薦
Android 5.0 MaterialDesign Ripple效果水波紋效果
在Android 5.X的UI射擊Material Design中,更是使用了大量的動畫效果,同事Google也在官方文件上增加了對動畫的設計指導。 Ripple效果 在Android 5.0後,material Design大量使用了Ripple效果,
Android給CardView加邊框以及水波紋效果
最近開發App遇到一個效果,先看效果如下圖,就是列表中item每個都是CardView,然後cardView有一個邊框紅色或者其他顏色,還需要item點選有水波紋效果。 設定邊框,圓角等我們很自然的想到了shape,先定義shape, <?xm
Android 5.0+ 自定義普通按鈕的ripple波紋效果
Android 5.0中新增了ripple型別,即波紋效果 在res中新增一個新的資料夾drawable-v21,用於儲存波紋效果 button_ripple_orange.xml <?xmlversion="1.0"encoding="utf-8"?&
android 5.0以上版本控制元件點選 水波紋效果
android api21及以上引入了控制元件點選的水波紋效果 1.可以直接給控制元件設定 android:background="?android:attr/selectableItemBackground"(有邊界效果) 或者 android:backgro
Android 5.0 Button 按鈕水紋效果的適配問題
從5.0開始,一些控制元件的點選時候預設是有水紋效果的如下圖 以Button舉例可以按照如下使用: 注意是android:theme <Button android:layout_width="wrap_content"
基於安卓5.0水波紋效果製作及自定義水波紋顏色
安卓5.0以後很多ui效果的改進都是為提高使用者體驗,其中水波紋效果是5.0以後是在互動方式中做的特殊處理 接下來學習一下水波紋的簡單使用及水波紋顏色的自定義。 首先佈局檔案中給控制元件設定為可點
Android 5.0 API21及以下點選波紋效果
android api21及以上引入了控制元件點選的水波紋效果xml中設定android:background="?android:attr/selectableItemBackground"程式碼中設
RippleEffectLayout高仿Android 5.0 Ripple效果
這個效果是個老效果了,不過這種水波紋Ripple只能在Android 5.0以上才能支援,要向下相容少不了。網上找了一些感覺好用的不多,於是自己寫了一個。 這個效果原理很簡單,只要確定點選的位置,然後做一個圓圈放大的效果。還有一點,點選layout後可以直接觸發在它裡面的v
Android自定義View——實現水波紋效果類似剩余流量球
string 三個點 pre ber block span 初始化 move 理解 最近突然手癢就想搞個貝塞爾曲線做個水波紋效果玩玩,終於功夫不負有心人最後實現了想要的效果,一起來看下吧: 效果圖鎮樓 一:先一步一步來分解一下實現的過程 需要繪制一個正弦曲線(sin
android 水波紋效果實現
drawable color utf true odi lec .com enc orm 1.在drawable文件下,新建seletor,作為button的背景,這裏我用的是兩個圓角的shape <?xml version="1.0" encoding="utf-
Android 水波紋效果
今天翻看部落格,發現了水波紋效果。順便研究了一下 一,Touch Feedback(觸控反饋) 1,原始自帶效果 程式碼: <Button android:layout_width="wrap_content" an
ripple實現點選時的水波紋效果
前言 在看網易雲音樂播放器的時候,覺得它在選擇音樂時候的波紋效果很好看,就想要模仿這種效果。然後在網上找了一下這方面的文章,最後被我發現了ripple,用ripple就能很好地實現這種波紋效果。所以用這篇文章記錄下ripple的實現,如果發現我的程式碼有問題,
Android點選Button水波紋效果
先上圖,看看接下來我要向大家介紹的是個什麼東西,如下圖: 接下來要介紹的就是如何實現上述圖中的波紋效果,這種效果如果大家沒有體驗過的話,可以看看百度手機衛士或者360手機衛士,裡面的按鈕點選效果都是這樣的,另外Android 5.0以上的版本也出現了這種效
聊聊Android5.0中的水波紋效果
水波紋效果已經不是什麼稀罕的東西了,用過5.0新控制元件的小夥伴都知道這個效果,可是如果使用一個TextView或者Button或者其它普通控制元件的話,你是否知道如何給它設定水波紋效果呢?OK,我們今天就來看看這個水波紋效果的實現。水波紋效果的實現有系統自帶屬性可以實現,我
Android 實現所有View的點選水波紋效果
點選水波紋效果,是安卓5.0以上的一個新特技。 一開始,我只會在普通的Button上新增這個效果。 利用新建主題的方法: <style name="MyButton" parent="Theme.AppCompat.Light"> <item n
Android 5.0以上版本去掉Button自帶陰影效果的方法
關鍵程式碼: style=”?android:attr/borderlessButtonStyle” 具體配置: <Button android:layout_width="wra
解決Android 5.0以上版本Button自帶陰影效果的方法
今天跟UI對介面,發現一個按鈕使用系統自帶的button會自動有一個陰影。然而在4.x上卻沒有這個問題。直覺就是因為MD導致的Android版本差異。 果斷Google,在stackoverflow上
Android 實現水波紋效果
一、首先還是先上效果 二、實現原理 自定義view,使用Path和貝塞爾曲線繪製,然後不斷重新整理,並且改變X、Y的值 主要知識點rQuadTo的使用 三、實現 WaveView.java public class WaveView extends V
Android貝塞爾曲線實現水波紋的效果
前兩天朋友找我實現一個水波紋的效果,因為這塊一直沒做過,所以花了一上午時間研究一下,參考了網上的一些方法,得知Android還有Path.quadTo()這麼一個方法。 話不多說,程式碼如下: public class MyView extends View implem
Android 水波紋效果實現並且適配API21以下
前言 水波紋的點選效果還是很不錯的,使用起來也很簡單,但是在API21,Android5.0以下使用水波紋效果會直接崩潰,所以我們得考慮到適配 1、在res裡建立drawable-v21資料夾,在該資料夾下建立一個xml檔案 <!-- color_106是一個淺灰色的