欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android 百分比布局詳解及實例代碼

 更新時間:2016年11月28日 16:33:41   投稿:lqh  
這篇文章主要介紹了Android 百分比布局詳解及實例代碼的相關(guān)資料,這里附有代碼實例幫助大家學(xué)習(xí)參考,如何實現(xiàn)百分比布局,需要的朋友可以參考下

Android 百分比布局

1.引入:compile 'com.android.support:percent:24.0.0'

2.點開源碼可以看到,主要有兩個布局類PercentFrameLayout和PercentRelativeLayout,一個工具類PercentLayoutHelper。

3.點開布局類比如PercentRelativeLayout的源碼,可以看到實現(xiàn)的很簡單。

public class PercentRelativeLayout extends RelativeLayout {
  private final PercentLayoutHelper mHelper = new PercentLayoutHelper(this);

  /**省略若干行構(gòu)造方法之類的代碼**/

  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

    //重點在這

    mHelper.adjustChildren(widthMeasureSpec, heightMeasureSpec);
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    if (mHelper.handleMeasuredStateTooSmall()) {
      super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
  }

  @Override
  protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
    super.onLayout(changed, left, top, right, bottom);
    mHelper.restoreOriginalParams();
  }

  public static class LayoutParams extends RelativeLayout.LayoutParams
      implements PercentLayoutHelper.PercentLayoutParams {
    private PercentLayoutHelper.PercentLayoutInfo mPercentLayoutInfo;

    public LayoutParams(Context c, AttributeSet attrs) {
      super(c, attrs);
      mPercentLayoutInfo = PercentLayoutHelper.getPercentLayoutInfo(c, attrs);
    }

     /**省略若干行構(gòu)造方法之類的代碼**/

    @Override
    public PercentLayoutHelper.PercentLayoutInfo getPercentLayoutInfo() {
      if (mPercentLayoutInfo == null) {
        mPercentLayoutInfo = new PercentLayoutHelper.PercentLayoutInfo();
      }

      return mPercentLayoutInfo;
    }

    @Override
    protected void setBaseAttributes(TypedArray a, int widthAttr, int heightAttr) {
      PercentLayoutHelper.fetchWidthAndHeight(this, a, widthAttr, heightAttr);
    }
  }
}

就是在onMeasure和onLayout里面調(diào)用了PercentLayoutHelper 的一些方法,另外在里面定義了自己的LayoutParams ,而這個LayoutParams 也相當(dāng)簡單。

這里關(guān)鍵的一行代碼是在onMeasure方法里面,mHelper.adjustChildren(widthMeasureSpec, heightMeasureSpec);通過PercentLayoutHelper 的adjustChildren 遍歷子view來設(shè)置 子view的寬高,寬高在PercentLayoutHelper 的內(nèi)部類PercentLayoutInfo通過在布局文件中設(shè)置的值計算好了。

public void adjustChildren(int widthMeasureSpec, int heightMeasureSpec) {

    // Calculate available space, accounting for host's paddings
    int widthHint = View.MeasureSpec.getSize(widthMeasureSpec) - mHost.getPaddingLeft()
        - mHost.getPaddingRight();
    int heightHint = View.MeasureSpec.getSize(heightMeasureSpec) - mHost.getPaddingTop()
        - mHost.getPaddingBottom();
    for (int i = 0, N = mHost.getChildCount(); i < N; i++) {

      //遍歷子view來設(shè)置 子view的寬高

      View view = mHost.getChildAt(i);
      ViewGroup.LayoutParams params = view.getLayoutParams();
      if (DEBUG) {
        Log.d(TAG, "should adjust " + view + " " + params);
      }
      if (params instanceof PercentLayoutParams) {
        PercentLayoutInfo info =
            ((PercentLayoutParams) params).getPercentLayoutInfo();

        if (info != null) {
          if (params instanceof ViewGroup.MarginLayoutParams) {
            info.fillMarginLayoutParams(view, (ViewGroup.MarginLayoutParams) params,
                widthHint, heightHint);
          } else {
            info.fillLayoutParams(params, widthHint, heightHint);
          }
        }
      }
    }
  }

4.布局中的使用方法:以PercentRelativeLayout為例

<android.support.percent.PercentRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@color/background_color"
  >

  <TextView
    android:id="@+id/mian_tab_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:textColor="@color/back_green"
    android:textSize="15sp"
    android:text="name"
    />

  <ImageView
    app:layout_widthPercent="50%"
    app:layout_heightPercent="50%"
    android:src="@drawable/ic_launcher_icon"
    android:scaleType="fitXY"
    android:layout_below="@+id/mian_tab_name"
    android:background="@color/black"
    />

</android.support.percent.PercentRelativeLayout>

引入xmlns:app的命名空間,然后app:layout_widthPercent="50%"就可以設(shè)置寬高的百分比了。相當(dāng)簡單 。

5.不過在使用的過程中,可能會有一些其他的需求,比如app:layout_widthPercent="50%",app:layout_heightPercent="50%"都是相對于屏幕的寬高的,假如要顯示一張正方形的圖片,以寬的50%為準(zhǔn)呢?這個時候就可以這樣寫了:

<ImageView
    app:layout_widthPercent="50%"
    app:layout_aspectRatio="100%"
    android:src="@drawable/ic_launcher_icon"
    android:scaleType="fitXY"
    android:layout_below="@+id/mian_tab_name"
    android:background="@color/CS_black"
    />

使用layout_aspectRatio屬性,設(shè)置app:layout_aspectRatio="100%",layout_aspectRatio就是寬高比。這個時候就不要設(shè)置app:layout_heightPercent屬性了。在PercentLayoutHelper 里面, 源代碼如下:

public void fillLayoutParams(ViewGroup.LayoutParams params, int widthHint,
        int heightHint) {
      // Preserve the original layout params, so we can restore them after the measure step.
      mPreservedParams.width = params.width;
      mPreservedParams.height = params.height;

      // We assume that width/height set to 0 means that value was unset. This might not
      // necessarily be true, as the user might explicitly set it to 0. However, we use this
      // information only for the aspect ratio. If the user set the aspect ratio attribute,
      // it means they accept or soon discover that it will be disregarded.
      final boolean widthNotSet =
          (mPreservedParams.mIsWidthComputedFromAspectRatio
              || mPreservedParams.width == 0) && (widthPercent < 0);
      final boolean heightNotSet =
          (mPreservedParams.mIsHeightComputedFromAspectRatio
              || mPreservedParams.height == 0) && (heightPercent < 0);

      if (widthPercent >= 0) {
        params.width = (int) (widthHint * widthPercent);
      }

      if (heightPercent >= 0) {
        params.height = (int) (heightHint * heightPercent);
      }

      //這一段代碼是關(guān)鍵,如果aspectRatio >=0,aspectRatio是寬高比

      if (aspectRatio >= 0) {
        if (widthNotSet) {

           //如果寬沒有設(shè)置,就以高為準(zhǔn)

          params.width = (int) (params.height * aspectRatio);
          // Keep track that we've filled the width based on the height and aspect ratio.
          mPreservedParams.mIsWidthComputedFromAspectRatio = true;
        }
        if (heightNotSet) {

          //如果高沒有設(shè)置,就以寬為準(zhǔn)

          params.height = (int) (params.width / aspectRatio);
          // Keep track that we've filled the height based on the width and aspect ratio.
          mPreservedParams.mIsHeightComputedFromAspectRatio = true;
        }
      }

      if (DEBUG) {
        Log.d(TAG, "after fillLayoutParams: (" + params.width + ", " + params.height + ")");
      }
    }

6.另外,假如我們要定義自己的PercentLinearLayout,基本可以直接改一下名字,繼承自LinearLayout就好了:public class PercentLinearLayout extends LinearLayout ,在仿照PercentRelativeLayout里面的LayoutParams定義一個自己的LayoutParams就好了。

不過官方為什么沒有直接提供一個PercentLinearLayout 類,而只提供了兩個PercentFrameLayout和PercentRelativeLayout呢?或許是由于LinearLayout 本身就有權(quán)重屬性,自帶百分比效果了。

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

相關(guān)文章

  • Kotlin中Lambda表達式與高階函數(shù)使用分析講解

    Kotlin中Lambda表達式與高階函數(shù)使用分析講解

    lambda 本質(zhì)上是可以傳遞給函數(shù)的一小段代碼,Kotlin 與 Java 中的 Lambda 有一定的區(qū)別,除了對 lambda 的全面支持外,還有內(nèi)聯(lián)函數(shù)等簡潔高效的特性。下面我們來仔細看一下
    2022-12-12
  • Android OpenGLES2.0等腰直角三角形和彩色的三角形(三)

    Android OpenGLES2.0等腰直角三角形和彩色的三角形(三)

    這篇文章主要為大家詳細介紹了Android OpenGLES2.0等腰直角三角形和彩色的三角形,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • Android編程應(yīng)用風(fēng)格和主題詳解

    Android編程應(yīng)用風(fēng)格和主題詳解

    這篇文章主要介紹了Android編程應(yīng)用風(fēng)格和主題,較為詳細的分析了Android應(yīng)用風(fēng)格和主題的概念、功能、使用方法與注意事項,需要的朋友可以參考下
    2016-10-10
  • Android本地存儲方法淺析介紹

    Android本地存儲方法淺析介紹

    這篇文章主要介紹了Android本地存儲案例,方法簡單可以實現(xiàn)存儲并達到節(jié)省內(nèi)存的效果,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧
    2022-10-10
  • Android實現(xiàn)靜態(tài)廣播監(jiān)聽器的方法

    Android實現(xiàn)靜態(tài)廣播監(jiān)聽器的方法

    這篇文章主要介紹了Android實現(xiàn)靜態(tài)廣播監(jiān)聽器的方法,涉及Android的廣播機制與記錄監(jiān)聽廣播信息的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-07-07
  • Android原生態(tài)實現(xiàn)分享轉(zhuǎn)發(fā)功能實例

    Android原生態(tài)實現(xiàn)分享轉(zhuǎn)發(fā)功能實例

    大家好,本篇文章主要講的是Android原生態(tài)實現(xiàn)分享轉(zhuǎn)發(fā)功能實例,感興趣的同學(xué)趕快來看一看吧,對你有幫助的話記得收藏一下
    2021-12-12
  • 淺談Android手機的搶紅包插件

    淺談Android手機的搶紅包插件

    這篇文章主要介紹了淺談Android手機的搶紅包插件,對搶紅包插件感興趣的同學(xué)一定要看啊
    2021-04-04
  • android讀取Assets圖片資源保存到SD卡實例

    android讀取Assets圖片資源保存到SD卡實例

    本文為大家詳細介紹下android讀取Assets圖片資源保存到SD卡的具體實現(xiàn),感興趣的各位可以參考下哈,希望對大家有所幫助
    2013-07-07
  • Android編程實現(xiàn)的短信編輯器功能示例

    Android編程實現(xiàn)的短信編輯器功能示例

    這篇文章主要介紹了Android編程實現(xiàn)的短信編輯器功能,涉及Android權(quán)限控制、界面布局及短信功能相關(guān)操作技巧,需要的朋友可以參考下
    2017-08-08
  • Android Force Close 出現(xiàn)的異常原因分析及解決方法

    Android Force Close 出現(xiàn)的異常原因分析及解決方法

    本文給大家講解Android Force Close 出現(xiàn)的異常原因分析及解決方法,forceclose意為強行關(guān)閉,當(dāng)前應(yīng)用程序發(fā)生了沖突。對android force close異常分析感興趣的朋友一起通過本文學(xué)習(xí)吧
    2016-08-08

最新評論