关闭
关闭
首页 > 嵌入式软件 > android

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

2.点开源码可以看到,主要有两个布局类PercentFrameLayout和PercentRelativeLayout,一个工具类PercentLayoutHelper。

 

输入图片说明

3.点开布局类比如PercentRelativeLayout的源码,可以看到实现的很简单。

public class PercentRelativeLayout extends RelativeLayout {

private final PercentLayoutHelper mHelper = new PercentLayoutHelper(this);

/**省略若干行构造方法之类的代码**/

@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);

}

/**省略若干行构造方法之类的代码**/

@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里面调用了PercentLayoutHelper 的一些方法,另外在里面定义了自己的LayoutParams ,而这个LayoutParams 也相当简单。

这里关键的一行代码是在onMeasure方法里面,mHelper.adjustChildren(widthMeasureSpec, heightMeasureSpec);通过PercentLayoutHelper 的adjustChildren 遍历子view来设置 子view的宽高,宽高在PercentLayoutHelper 的内部类PercentLayoutInfo通过在布局文件中设置的值计算好了。

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来设置 子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为例

 

xmlns:app="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@color/background_color"

>

 

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"

/>

 

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"

/>

引入xmlns:app的命名空间,然后app:layout_widthPercent="50%"就可以设置宽高的百分比了。相当简单 。

5.不过在使用的过程中,可能会有一些其他的需求,比如app:layout_widthPercent="50%",app:layout_heightPercent="50%"都是相对于屏幕的宽高的,假如要显示一张正方形的图片,以宽的50%为准呢?这个时候就可以这样写了:

 

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属性,设置app:layout_aspectRatio="100%",layout_aspectRatio就是宽高比。这个时候就不要设置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);

}

//这一段代码是关键,如果aspectRatio >=0,aspectRatio是宽高比

if (aspectRatio >= 0) {

if (widthNotSet) {

//如果宽没有设置,就以高为准

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) {

//如果高没有设置,就以宽为准

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呢?

换一批

延伸阅读

[趣科技] 一秒变PC!三星S8连接显示器后:安卓跑上桌面

一秒变PC!三星S8连接显示器后:安卓跑上桌面

本周,媒体曝光了三星Galaxy S8很有可能启用的一项新特性“Samsung Desktop Experience”,支持USB-C连接PC显示器工作,此时还可以外接键鼠等,实现一些高级生产力应用。 ......

关键字:三星S8 安卓 PC

[新鲜事] 【MWC 2017】骁龙835新机寥寥无几 安卓厂商“芯”痛

【MWC 2017】骁龙835新机寥寥无几 安卓厂商“芯”痛

往年旗舰手机都是MWC必不可少的戏份,今年却出奇的冷场,绝大部分厂商都没有新旗舰亮相,少数几家则发布了非主力新品,一些原本传言会出重磅旗舰的厂商,现在也没有了下文,唯独只有索尼一家发布了骁龙835旗舰。......

关键字:MWC 2017 骁龙835 安卓厂商

[新鲜事] 关于谷歌搜索重返中国这件事,劈柴是这么看的

关于谷歌搜索重返中国这件事,劈柴是这么看的

谷歌首席执行官Sudai Pichai 1日在Recode大会上称,对于谷歌的业务进入中国持开放态度。在回答Recode创始人沃尔特 摩斯伯格的提问时,Pichai表示,谷歌在中国现在有雇员,有专门与中国的安卓开发者对接的广告业务的团......

关键字:谷歌 谷歌搜索 安卓

[新鲜事] Google结束对Eclipse安卓开发工具的支持,用免费的Android Studio吧

Google结束对Eclipse安卓开发工具的支持,用免费的Android Studio吧

对于习惯了用开源的Eclipse集成开发环境(IDE)作Android开发的人们来说,这里有个坏消息要宣布——Google已经正式终止了对Eclipse Android开发工具的支持。该公司于2014年推出了自家......

关键字:安卓 开发工具 谷歌

[新鲜事] 安卓和iPhone相比到底差在哪儿?老外用5年后如是说

安卓和iPhone相比到底差在哪儿?老外用5年后如是说

Android系统一开始只是被人当成BlackBerryOS的克隆版本,直到iPhone和iOS的出现,谷歌才明确了这个系统需要往哪个方向发展。而这么多年来,Android系统凭借着多功能性和开源性也赢得了不少用户的喜爱。......

关键字:安卓 iPhone
条评论

我 要 评 论

网友评论

大家都爱看

  • 华为的优势,就是自家的各种自研芯片

    CPU即中央处理器,是一块超大规模的集成电路,是一台计算机的运算核心和控制核心。它的功能主要是解释计算机指令以及处理计算机软件中的数据。

    2017-08-16
  • 你不知道Ryzen芯片有多火?来看看AMD的股票吧

    据外媒报道,美银美林认为,AMD最新的Ryzen芯片可能会引发一波销售浪潮,进而推动该股继续上涨。它认为AMD股票还有40%以上的上涨空间。

    2017-08-16
  • 国产芯片:厚积薄发,强势崛起

    关于国产芯片,是近几年才有崛起的势头,可是在几年之前,国产芯片还处于“沉睡”的状态,尤其是手机芯片,几乎大部分都依赖进口,而且国外的市场几乎被高通和联发科所垄断,也就展讯还在市场边…

    2017-08-16
  • 为了数据安全 大疆无人机增加隐私飞行功能

    大疆周一表示,在美国陆军因为“网络缺陷”而要求其成员停用大疆无人机后,这家中国无人机制造商将加强无人机的数据安全性。 大疆政策和法务副总裁布伦丹&middot…

    2017-08-15
  • Intel代工 展讯发布14nm SC9853I手机SoC

    SC9853I采用的Intel的14nm FinFET制程,架构为8核64位Airmont架构,主频1.8GHz,GPU为Mali-T820 MP2,号称面向799~1299元档次的手机。…

    2017-08-15