layer-list被拉伸問題

在 layer-list 中的自定義 shape設(shè)定的大小無效

最近在做自定義 shape 效果時發(fā)現(xiàn),自定義shape的大小在layer-list中無效了,較小的shape被拉伸至最大shape的大小了。(API23+沒有此問題)
把自定義的 shape 單獨拿出來用卻沒有問題,唯獨放在 LayerDrawable 出現(xiàn)問題.

code

原本想實現(xiàn)一個圓環(huán)中包含一個實心圓的 drawable, 寫出來類似下面的代碼,在 IDE 預(yù)覽時也沒啥問題,到了真機(jī)就有問題了.
shape_layer.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:gravity="center">
        <shape
            android:innerRadius="15px"
            android:shape="ring"
            android:thickness="10px"
            android:useLevel="false">
            <size
                android:width="50px"
                android:height="50px" />

            <solid android:color="@color/colorAccent" />
        </shape>
    </item>

    <item android:gravity="center">
        <shape android:shape="oval">
            <size
                android:width="20px"
                android:height="20px" />

            <solid android:color="@color/colorPrimary" />
        </shape>
    </item>

</layer-list>

shape_layer_fixed. xml
后面將這2層的順序換了下,但是實心和環(huán)之間的空白還是沒有,所以給設(shè)置了位置來限定大小.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:gravity="center">
        <shape
            android:innerRadius="15px"
            android:shape="ring"
            android:thickness="10px"
            android:useLevel="false">
            <size
                android:width="50px"
                android:height="50px" />

            <solid android:color="@color/colorAccent" />
        </shape>
    </item>

    // 這里通過計算設(shè)置了其4個方向的 inset 值來保證不會覆蓋上層的環(huán)
    <item
        android:bottom="20px"
        android:gravity="center"
        android:left="20px"
        android:right="20px"
        android:top="20px">
        <shape android:shape="oval">
            <size
                android:width="20px"
                android:height="20px" />

            <solid android:color="@color/colorPrimary" />
        </shape>
    </item>

</layer-list>
Anroid L MR1 以前
預(yù)覽布局效果

問題跟蹤:

LayerDrawable#onBoundsChange

    // API22以前 在Bound更新時直接把所有的子Drawable的bound設(shè)置成LayerDrawable的bound了
    @Override
    protected void onBoundsChange(Rect bounds) {
        int padL = 0;
        int padT = 0;
        int padR = 0;
        int padB = 0;

        final boolean nest = mLayerState.mPaddingMode == PADDING_MODE_NEST;
        final ChildDrawable[] array = mLayerState.mChildren;
        final int N = mLayerState.mNum;
        for (int i = 0; i < N; i++) {
            final ChildDrawable r = array[i];
            r.mDrawable.setBounds(bounds.left + r.mInsetL + padL, bounds.top + r.mInsetT + padT,
                    bounds.right - r.mInsetR - padR, bounds.bottom - r.mInsetB - padB);

            if (nest) {
                padL += mPaddingL[i];
                padR += mPaddingR[i];
                padT += mPaddingT[i];
                padB += mPaddingB[i];
            }
        }
    }

LayerDrawable#onBoundsChange

// API 23+ 不會直接使用容器的bound,而是通過相對位置得到
 private void updateLayerBoundsInternal(Rect bounds) {
        int paddingL = 0;
        int paddingT = 0;
        int paddingR = 0;
        int paddingB = 0;

        final Rect outRect = mTmpOutRect;
        final int layoutDirection = getLayoutDirection();
        final boolean isLayoutRtl = layoutDirection == LayoutDirection.RTL;
        final boolean isPaddingNested = mLayerState.mPaddingMode == PADDING_MODE_NEST;
        final ChildDrawable[] array = mLayerState.mChildren;

        for (int i = 0, count = mLayerState.mNum; i < count; i++) {
            final ChildDrawable r = array[i];
            final Drawable d = r.mDrawable;
            if (d == null) {
                continue;
            }

            final int insetT = r.mInsetT;
            final int insetB = r.mInsetB;

            // Resolve insets for RTL. Relative insets override absolute
            // insets.
            final int insetRtlL = isLayoutRtl ? r.mInsetE : r.mInsetS;
            final int insetRtlR = isLayoutRtl ? r.mInsetS : r.mInsetE;
            final int insetL = insetRtlL == INSET_UNDEFINED ? r.mInsetL : insetRtlL;
            final int insetR = insetRtlR == INSET_UNDEFINED ? r.mInsetR : insetRtlR;

            // Establish containing region based on aggregate padding and
            // requested insets for the current layer.
            final Rect container = mTmpContainer;
            container.set(bounds.left + insetL + paddingL, bounds.top + insetT + paddingT,
                    bounds.right - insetR - paddingR, bounds.bottom - insetB - paddingB);

            // Compute a reasonable default gravity based on the intrinsic and
            // explicit dimensions, if specified.
            final int intrinsicW = d.getIntrinsicWidth();
            final int intrinsicH = d.getIntrinsicHeight();
            final int layerW = r.mWidth;
            final int layerH = r.mHeight;
            final int gravity = resolveGravity(r.mGravity, layerW, layerH, intrinsicW, intrinsicH);

            // Explicit dimensions override intrinsic dimensions.
            final int resolvedW = layerW < 0 ? intrinsicW : layerW;
            final int resolvedH = layerH < 0 ? intrinsicH : layerH;
            Gravity.apply(gravity, resolvedW, resolvedH, container, outRect, layoutDirection);
            d.setBounds(outRect);

            if (isPaddingNested) {
                paddingL += mPaddingL[i];
                paddingR += mPaddingR[i];
                paddingT += mPaddingT[i];
                paddingB += mPaddingB[i];
            }
        }
    }

解決方案:

舊版本不支持gravity 屬性
可以設(shè)置inset left,top,right,bottom 來指定偏移位置,從而得到層疊效果的Drawable

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 概述 Android把任何可繪制在屏幕上的圖形圖像都稱為drawable 資源,你可以通過類似getDrawabl...
    小蕓論閱讀 2,896評論 2 5
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,716評論 25 709
  • 概述 今天我們來探究一下android的樣式。其實,幾乎所有的控件都可以使用 background屬性去引用自定義...
    CokeNello閱讀 5,087評論 1 19
  • PH快報是 Product X 項目下的一個媒體專欄,由一群產(chǎn)品愛好者自發(fā)編譯來自Producthunt榜單上的產(chǎn)...
    Product_X閱讀 934評論 0 4
  • “小沫,今天爸爸媽媽帶你和弟弟去一趟now吧!”男人的嗓音醇厚,對坐在對面椅子上的小女孩說到。 小女孩看起來不大,...
    鳶漫閱讀 339評論 0 0

友情鏈接更多精彩內(nèi)容