在 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