Android開發(fā)實(shí)現(xiàn)標(biāo)題隨scrollview滑動變色的方法詳解

本文實(shí)例講述了Android開發(fā)實(shí)現(xiàn)標(biāo)題隨scrollview滑動變色的方法。分享給大家供大家參考，具體如下：

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：申請域名、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、廣水網(wǎng)站維護(hù)、網(wǎng)站推廣。

要實(shí)現(xiàn)某個view的背景透明度跟隨scrollview滑動而改變需要重新scrollview的onOverScrolled方法，該方法隨著滑動變化（包括手指滑動、手指移開慣性滑動）而響應(yīng)，所以最適合做變色處理。

step1:設(shè)定布局

由于我們要實(shí)現(xiàn)的是滑動時標(biāo)題的背景透明度改變，固定頂部的標(biāo)題view不能在srcollview里面跟隨滑動，所以需要這樣布局:

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.****.ScrollChangeScrollView
      android:id="@+id/scrollView"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:fillViewport="true">
      <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
          <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:drawablePadding="5dp"
            android:drawableTop="@drawable/dicovery_vintner_icon_wine"
            android:gravity="center"
            android:text="葡萄酒"
            android:textColor="@color/hometitlebg" />
      </LinearLayout>
    </com.***.ScrollChangeScrollView>
    <Button
      android:id="@+id/btn_back"
      android:layout_width="match_parent"
      android:layout_height="35dp"
      android:layout_centerVertical="true"
      android:background="@null"
      android:drawableLeft="@drawable/icon_back"
      android:padding="10dp" />
</FrameLayout>

step2:添加需要用到的方法

滑動時，某個view要變色，重新scrollview后，添加方法讓其知道該view需要變色

private View mTitleView;
/**
* 變色標(biāo)題view
* @param view
*/
public void setupTitleView (View view) {
    this.mTitleView = view;
}

滑動時變色需要參考scrollview里面的某個子view的滑動高度，如果該子view上劃完全劃出屏幕，則標(biāo)題view背景透明為0：

private View mByWhichView;
/**
* 跟隨的view
* @param view
*/
public void setupByWhichView(View view) {
    mByWhichView = view;
}

再添加一個設(shè)置，如果不要背景透明度漸變：

private boolean shouldSlowlyChange;
public void setShouldSlowlyChange(boolean slowlyChange) {
    this.shouldSlowlyChange = slowlyChange;
}

step3:代碼實(shí)現(xiàn)

**
 * 滑動時標(biāo)題變色view
 * Created by george.yang on 16/2/21.
 */
public class ScrollChangeScrollView extends ScrollView {
  private View mByWhichView;
  private View mTitleView;
  private boolean shouldSlowlyChange = true;
  public ScrollChangeScrollView(Context context) {
    super(context);
  }
  public ScrollChangeScrollView(Context context, AttributeSet attrs) {
    super(context, attrs);
  }
  public ScrollChangeScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
  }
  @TargetApi(Build.VERSION_CODES.LOLLIPOP)
  public ScrollChangeScrollView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    super(context, attrs, defStyleAttr, defStyleRes);
  }
  @Override
  public void scrollTo(int x, int y) {
    //這是為了修復(fù)noScrllListView嵌套在srcollview時就自動滑動到noscrolllistview的頂部的bug，不影響使用
    if (x == 0 && y == 0 || y <= 0) {
      super.scrollTo(x, y);
    }
  }
  public void setListener(OnScrollListener listener){
    this.mListener = listener;
  }
  public void setShouldSlowlyChange(boolean slowlyChange) {
    this.shouldSlowlyChange = slowlyChange;
  }
  /**
   * 設(shè)置透明度漸變的標(biāo)題view
   * @param view
   */
  public void setupTitleView (View view) {
    this.mTitleView = view;
  }
  /**
   * 跟隨的view
   * @param view
   */
  public void setupByWhichView(View view) {
    mByWhichView = view;
  }
  @Override
  protected void onOverScrolled(int scrollX, int scrollY, boolean clampedX,
                 boolean clampedY) {
    super.onOverScrolled(scrollX, scrollY, clampedX, clampedY);
    if (scrollY >= mByWhichView.getTop() + mByWhichView.getMeasuredHeight()) {
      mTitleView.setBackgroundColor(Color.BLACK);
    } else if (scrollY>=0) {
      if (!shouldSlowlyChange) {
        mTitleView.setBackgroundColor(Color.TRANSPARENT);
      } else {
        float persent = scrollY * 1f / (mByWhichView.getTop() + mByWhichView.getMeasuredHeight());
        int alpha = (int) (255 * persent);
        int color = Color.argb(alpha,0,0,0);
        mTitleView.setBackgroundColor(color);
      }
    }
    if (mListener!=null) {
      mListener.onScroll(scrollX, scrollY);
    }
  }
}

效果如下:

滑動前

Android開發(fā)實(shí)現(xiàn)標(biāo)題隨scrollview滑動變色的方法詳解

滑動變色中

Android開發(fā)實(shí)現(xiàn)標(biāo)題隨scrollview滑動變色的方法詳解

參考的view超出屏幕后

Android開發(fā)實(shí)現(xiàn)標(biāo)題隨scrollview滑動變色的方法詳解

更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《Android基本組件用法總結(jié)》、《Android開發(fā)入門與進(jìn)階教程》、《Android布局layout技巧總結(jié)》、《Android視圖View技巧總結(jié)》、《Android編程之a(chǎn)ctivity操作技巧總結(jié)》、《Android資源操作技巧匯總》及《Android控件用法總結(jié)》

希望本文所述對大家Android程序設(shè)計有所幫助。

網(wǎng)站名稱：Android開發(fā)實(shí)現(xiàn)標(biāo)題隨scrollview滑動變色的方法詳解
當(dāng)前鏈接：http://chinadenli.net/article22/iegsjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、定制網(wǎng)站、定制開發(fā)、網(wǎng)站內(nèi)鏈、關(guān)鍵詞優(yōu)化、微信公眾號

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

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

Android開發(fā)實(shí)現(xiàn)標(biāo)題隨scrollview滑動變色的方法詳解