在Android開(kāi)發(fā)中利用Toolbar實(shí)現(xiàn)隨著ScrollView改變透明度

本篇文章為大家展示了在Android開(kāi)發(fā)中利用Toolbar實(shí)現(xiàn)隨著ScrollView改變透明度，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

創(chuàng)新互聯(lián)技術(shù)團(tuán)隊(duì)10年來(lái)致力于為客戶提供網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站建設(shè)、全網(wǎng)營(yíng)銷推廣、搜索引擎SEO優(yōu)化等服務(wù)。經(jīng)過(guò)多年發(fā)展，公司擁有經(jīng)驗(yàn)豐富的技術(shù)團(tuán)隊(duì)，先后服務(wù)、推廣了近千家網(wǎng)站，包括各類中小企業(yè)、企事單位、高校等機(jī)構(gòu)單位。

Android中Toolbar隨著ScrollView滑動(dòng)透明度漸變效果實(shí)現(xiàn)

一.思路：監(jiān)聽(tīng)ScrollView的滑動(dòng)事件 不斷的修改Toolbar的透明度

二.注意

1.ScrollView 6.0以前沒(méi)有scrollView.setOnScrollChangeListener(l)方法  所以要自定義ScrollView 在onScrollChanged()中監(jiān)聽(tīng)

2.ScrollView 6.0（23）以前沒(méi)有scrollView.setOnScrollChangeListener()方法  所以要自定義ScrollView 實(shí)現(xiàn).為了Toolbar不遮蓋ScrollView我們給ScrollView設(shè)置paddingTop

   但是ScrollView 設(shè)置paddintTop以后 Toolbar透明度變?yōu)?以后還占據(jù)空間 會(huì)出現(xiàn)空白,解決方法:

 為ScrollView設(shè)置兩個(gè)屬性：

 1〉.

android:clipToPadding="false"

表示控件的繪制范圍是否不在padding里面  false就是表示空間的繪制可以繪制到padding中

 2〉

android:clipChildren="false"

表示子控件是否不能超出padding區(qū)域（比如： false ：ScrollView上滑的時(shí)候 child 可以滑出padding區(qū)域 ;true：ScrollView上滑的時(shí)候 child 不能可以滑出padding區(qū)域 ）

布局文件如下：

<RelativeLayout 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:layout_width="match_parent" 
 android:layout_height="match_parent" > 
 <com.dice.md.toolbar.transperent.TranslucentScrollView 
  android:id="@+id/scrollview" 
  android:clipToPadding="false" 
  android:clipChildren="true" 
  android:paddingTop="&#63;attr/actionBarSize" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" > 
  <LinearLayout 
   android:orientation="vertical" 
   android:layout_width="fill_parent" 
   android:layout_height="wrap_content"> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_blue_dark" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_green_light" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_orange_light" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_blue_dark" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_green_light" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_orange_light" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_blue_dark" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_green_light" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_orange_light" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_blue_dark" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_green_light" 
    /> 
   <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="400dp" 
    android:background="@android:color/holo_orange_light" 
    /> 
  </LinearLayout> 
 </com.dice.md.toolbar.transperent.TranslucentScrollView> 
 <android.support.v7.widget.Toolbar 
  android:id="@+id/toolbar" 
  android:layout_width="match_parent" 
  android:background="&#63;attr/colorPrimary" 
  android:layout_height="&#63;attr/actionBarSize" > 
 </android.support.v7.widget.Toolbar> 
</RelativeLayout>

三.步驟

1. 創(chuàng)建回調(diào)接口：

public interface TranslucentListener { 
/** 
 * 透明度的回調(diào) 
 * @param alpha 
 */ 
public void onTranslucent(float alpha); 
}

2.自定義ScrollView 在onScrollChange方法中回調(diào)TranslucentListener接口的方法 并且回傳alpha的值：

@Override 
protected void onScrollChanged(int l, int t, int oldl, int oldt) { 
 super.onScrollChanged(l, t, oldl, oldt); 
 if (translucentListener!=null) { 
  //translucentListener.onTranslucent(alpha); 
 } 
}

3.alpha的值得計(jì)算：

// alpha = 滑出去的高度/(screenHeight/3); 
float heightPixels = getContext().getResources().getDisplayMetrics().heightPixels; 
float scrollY = getScrollY();//該值 大于0 
float alpha = 1-scrollY/(heightPixels/3);// 0~1 透明度是1~0 
//這里選擇的screenHeight的1/3 是alpha改變的速率 （根據(jù)你的需要你可以自己定義）

最后MainActivity中

@Override 
public void onTranslucent(float alpha) { 
 toolbar.setAlpha(alpha); 
}

上述內(nèi)容就是在Android開(kāi)發(fā)中利用Toolbar實(shí)現(xiàn)隨著ScrollView改變透明度，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文名稱：在Android開(kāi)發(fā)中利用Toolbar實(shí)現(xiàn)隨著ScrollView改變透明度
當(dāng)前URL：http://muchs.cn/article18/gdedgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)站改版、品牌網(wǎng)站建設(shè)、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名