TypedArray 和 Resources 的 getFraction 参数含义

在自定义属性中如果我们想使用百分比,那就需要设置 format="fraction",例如下面:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="MyPercentLayout_Layout">
        <attr name="widthPercent" format="fraction" />
        <attr name="heightPercent" format="fraction" />
        <attr name="marginLeftPercent" format="fraction" />
        <attr name="marginRightPercent" format="fraction" />
        <attr name="marginTopPercent" format="fraction" />
        <attr name="marginBottomPercent" format="fraction" />
    </declare-styleable>
</resources>

解析属性:

public LayoutParams(Context c, AttributeSet attrs) {
    super(c, attrs);
    // 这里注意,LayoutParams的styleable有命名规范,要以外部类的类名加_Layout结尾,这样才能在xml布局中有提示
    TypedArray a = c.obtainStyledAttributes(attrs, R.styleable.MyPercentLayout_Layout);
    // 解析自定义属性
    widthPercent = a.getFraction(R.styleable.MyPercentLayout_Layout_widthPercent, 1, 1, 0);
    heightPercent = a.getFraction(R.styleable.MyPercentLayout_Layout_heightPercent, 1, 1, 0);
    marginLeftPercent = a.getFraction(R.styleable.MyPercentLayout_Layout_marginLeftPercent, 1, 1, 0);
    marginRightPercent = a.getFraction(R.styleable.MyPercentLayout_Layout_marginRightPercent, 1, 1, 0);
    marginTopPercent = a.getFraction(R.styleable.MyPercentLayout_Layout_marginTopPercent, 1, 1, 0);
    marginBottomPercent = a.getFraction(R.styleable.MyPercentLayout_Layout_marginBottomPercent, 1, 1, 0);
    a.recycle();
}

我们的主角 getFraction()登场,第一个参数和最后一个参数很好理解,重点是 base 和 pbase 两个参数,一般使用时两个参数都传 1,但具体代表什么含义,网上资料非常少,有的人说 base 代表分子乘的系数,pbase 代表分母乘的系数,这完全是错误的。

先看下官方给出的注释吧。

官方注释

还是不好理解,我们分析下源码。

/**
 * Retrieves a fractional unit attribute at <var>index</var>.
 *
 * @param index Index of attribute to retrieve.
 * @param base The base value of this fraction.  In other words, a
 *             standard fraction is multiplied by this value.
 * @param pbase The parent base value of this fraction.  In other
 *             words, a parent fraction (nn%p) is multiplied by this
 *             value.
 * @param defValue Value to return if the attribute is not defined or
 *                 not a resource.
 *
 * @return Attribute fractional value multiplied by the appropriate
 *         base value, or defValue if not defined.
 * @throws RuntimeException if the TypedArray has already been recycled.
 * @throws UnsupportedOperationException if the attribute is defined but is
 *         not a fraction.
 */
public float getFraction(@StyleableRes int index, int base, int pbase, float defValue) {
    if (mRecycled) {
        throw new RuntimeException("Cannot make calls to a recycled instance!");
    }

    final int attrIndex = index;
    index *= STYLE_NUM_ENTRIES;

    final int[] data = mData;
    final int type = data[index + STYLE_TYPE];
    if (type == TypedValue.TYPE_NULL) {
        return defValue;
    } else if (type == TypedValue.TYPE_FRACTION) {
        return TypedValue.complexToFraction(data[index + STYLE_DATA], base, pbase);// 关键代码
    } else if (type == TypedValue.TYPE_ATTRIBUTE) {
        final TypedValue value = mValue;
        getValueAt(index, value);
        throw new UnsupportedOperationException(
                "Failed to resolve attribute at index " + attrIndex + ": " + value);
    }

    throw new UnsupportedOperationException("Can't convert value at index " + attrIndex
            + " to fraction: type=0x" + Integer.toHexString(type));
}

看到 base 和 pbase 只在一处有使用,跟进去:

public static float complexToFraction(int data, float base, float pbase) {
    switch ((data>>COMPLEX_UNIT_SHIFT)&COMPLEX_UNIT_MASK) {
        case COMPLEX_UNIT_FRACTION:
            return complexToFloat(data) * base;
        case COMPLEX_UNIT_FRACTION_PARENT:
            return complexToFloat(data) * pbase;
    }
    return 0;
}

这里面只做了一件事,根据 data 进行判断,将取到的属性值分别乘以 base 或者 pbase 最后返回。

到这里大致可判断出:

  • base,返回的百分比为属性值乘以 base。
  • pbase,返回的百分比为属性值乘以 pbase。
  • base 和 pbase 同时设置只会有一个生效,因为上面 return 中只能使用一个参数。

一、base参数

布局中设置 heightPercent 和 widthPercent 均为百分比为 25%:

<?xml version="1.0" encoding="utf-8"?>
<com.ff.screenadapter.percent.MyPercentLayout 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"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimaryDark"
        android:text="宽25%;高25%"
        android:textColor="@android:color/white"
        app:heightPercent="25%"
        app:widthPercent="25%"
        tools:ignore="MissingPrefix" />

</com.ff.screenadapter.percent.MyPercentLayout>

设置 base 为 1:

widthPercent = a.getFraction(R.styleable.MyPercentLayout_Layout_widthPercent, 1, 1, 0);
heightPercent = a.getFraction(R.styleable.MyPercentLayout_Layout_heightPercent, 1, 1, 0);

效果为屏幕宽高的 25%:


宽高为25%

设置 base 为 2:

widthPercent = a.getFraction(R.styleable.MyPercentLayout_Layout_widthPercent, 2, 1, 0);
heightPercent = a.getFraction(R.styleable.MyPercentLayout_Layout_heightPercent, 2, 1, 0);

效果为屏幕宽高的 50%:


宽高为50%

效果很明显,在不改变布局的情况下,修改 base 的值,得到的结果确实是,百分比属性乘以 base 之后的值。

二、pbase参数

还是使用上面布局,只是将 pbase 设置为 2:

widthPercent = a.getFraction(R.styleable.MyPercentLayout_Layout_widthPercent, 1, 2, 0);
heightPercent = a.getFraction(R.styleable.MyPercentLayout_Layout_heightPercent, 1, 2, 0);

效果依然为屏幕宽高的 25%,并没有生效。

这里就需要引用一个新的百分比参数 25%p,没错,后面的 p 不是手误敲上。

  • 25% 表示相对于对象自身的百分比。
  • 25%p 表示相对于父容器的百分比,percent of parent。

我们再来修改下 layout,使用 25%p

<?xml version="1.0" encoding="utf-8"?>
<com.ff.screenadapter.percent.MyPercentLayout 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"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimaryDark"
        android:text="宽25%;高25%"
        android:textColor="@android:color/white"
        app:heightPercent="25%p"
        app:widthPercent="25%p"
        tools:ignore="MissingPrefix" />

</com.ff.screenadapter.percent.MyPercentLayout>

现在可以看到效果来,宽高为屏幕宽高的 50%:


宽高为50%

三、总结

  • base 表示百分比资源的基值,返回结果为 nn% * base 的结果值。
  • pbase 表示 %p 形态百分比资源的基值,返回结果为 nn%p * pbase 的结果值。
  • 同时设置 base 和 pbase 只会有一个生效,取决与百分比是否以 p 结尾。
  • 不论是 TypedArray 的 getFraction() 还是 Resources 的 getFraction(),都是上述结论。

如果看到这里,还不能理解的话,可以看 stackoverflow 上面的一个例子,可能更好理解:

<item name="fraction" type="fraction">5%</item>
<item name="parent_fraction" type="fraction">2%p</item>
// 0.05f
getResources().getFraction(R.fraction.fraction, 1, 1);
// 0.02f
getResources().getFraction(R.fraction.parent_fraction, 1, 1);
// 0.10f
getResources().getFraction(R.fraction.fraction, 2, 1);
// 0.10f
getResources().getFraction(R.fraction.fraction, 2, 2);
// 0.04f
getResources().getFraction(R.fraction.parent_fraction, 1, 2);
// 0.04f
getResources().getFraction(R.fraction.parent_fraction, 2, 2);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,444评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,421评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,036评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,363评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,460评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,502评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,511评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,280评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,736评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,014评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,190评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,848评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,531评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,159评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,411评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,067评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,078评论 2 352