电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

JavaSwing基礎之Layout布局相關知識詳解

瀏覽:94日期:2022-08-12 09:20:17
目錄一、View layout方法二、ViewGroup layout方法三、自定義垂直布局VerticalLayout四、效果展示一、View layout方法

首先,還是從ViewRootImpl說起,界面的繪制會觸發performMeasure、performLayout方法,而在performLayout方法中就會調用mView的layout方法開始一層層View的布局工作。

private void performLayout(WindowManager.LayoutParams lp, int desiredWindowWidth, int desiredWindowHeight) { final View host = mView;host.layout(0, 0, host.getMeasuredWidth(), host.getMeasuredHeight()); }

mView我們都知道了,就是頂層View——DecorView,那么就進去看看DecorView的layout方法:

不好意思,DecorView中并沒有layout方法...

所以,我們直接看看View的layout方法:

public void layout(int l, int t, int r, int b) { boolean changed = isLayoutModeOptical(mParent) ?setOpticalFrame(l, t, r, b) : setFrame(l, t, r, b); if (changed || (mPrivateFlags & PFLAG_LAYOUT_REQUIRED) == PFLAG_LAYOUT_REQUIRED) { onLayout(changed, l, t, r, b);} } protected void onLayout(boolean changed, int left, int top, int right, int bottom) { } 首先,方法傳入了四個參數,分別代表view的左、上、下、右四個值。 然后通過setOpticalFrame方法或者setFrame方法判斷布局參數是否改變。

具體判斷過程就是通過老的上下左右值和新的上下左右值進行比較,邏輯就在setFrame方法中:

protected boolean setFrame(int left, int top, int right, int bottom) {boolean changed = false; if (mLeft != left || mRight != right || mTop != top || mBottom != bottom) { changed = true; // Remember our drawn bit int drawn = mPrivateFlags & PFLAG_DRAWN; int oldWidth = mRight - mLeft; int oldHeight = mBottom - mTop; int newWidth = right - left; int newHeight = bottom - top; boolean sizeChanged = (newWidth != oldWidth) || (newHeight != oldHeight); // Invalidate our old position invalidate(sizeChanged); mLeft = left; mTop = top; mRight = right; mBottom = bottom; mRenderNode.setLeftTopRightBottom(mLeft, mTop, mRight, mBottom);}return changed; }

如果上下左右有一個參數值發生了改變,就說明這個View的布局發生了改變,然后重新計算View的寬度高度(newWidth、newHeight),并賦值了View新的上下左右參數值。

在這個layout方法中主要涉及到了四個參數:mLeft、mTop、mBottom、mRight,分別代表了View的左坐標、上坐標、下坐標和右坐標,你可以把View理解為一個矩形,確定了這四個值,就能確定View矩形的四個頂點值,也就能確定View在畫布中的具體位置。

所以,layout方法到底干了啥?

就是傳入上下左右值、然后賦值上下左右值、完畢。

然后我們就可以根據這些值獲取View的一系列參數,比如View寬度:

public final int getWidth() {return mRight - mLeft; }

至此,View的layout方法就結束了,主要就是通過對上下左右參數的賦值完成對View的布局,非常簡單。

下面看看ViewGroup。

二、ViewGroup layout方法

@Override public final void layout(int l, int t, int r, int b) {if (!mSuppressLayout && (mTransition == null || !mTransition.isChangingLayout())) { if (mTransition != null) {mTransition.layoutChange(this); } super.layout(l, t, r, b);} else { mLayoutCalledWhileSuppressed = true;} }

額,還是調用到View的layout方法,難道說ViewGroup和View的布局過程是一樣的,就是確定了本身的位置?

那ViewGroup的子View怎么辦呢?不急,我們剛才說layout方法的時候還漏了一個onLayout方法,只不過這個方法在View里面是空實現,而到了ViewGroup中變成了一個抽象方法:

@Override protected abstract void onLayout(boolean changed, int l, int t, int r, int b);

也就是任何ViewGroup都必須實現這個方法,來完成對子View的布局擺放。

具體的布局擺放邏輯就是在onLayout方法中一個個調用子View的layout方法,然后完成每個子View的布局,最終完成繪制工作。

接下來我們就來自己實現一個垂直線性布局(類似LinearLayout),正好復習下上一節的onMearsure和這一節的onLayout。

三、自定義垂直布局VerticalLayout

首先,我們要確定我們這個自定義ViewGroup的作用,是類似垂直方向的LinearLayout功能,在該ViewGroup下的子View可以按垂直線性順序依次往下排放。我們給它起個名字叫VerticalLayout~

繼承ViewGroup

首先,我們這個布局肯定要繼承自ViewGroup,并且實現相應的構造方法:

public class VerticalLayout : ViewGroup { constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int = 0) : super(context,attrs,defStyleAttr ) constructor(context: Context, attrs: AttributeSet?) : super(context, attrs) { }}

重寫generateLayoutParams方法

自定義ViewGroup還需要重寫的一個方法是generateLayoutParams,這一步是為了讓我們的ViewGroup支持Margin,后續我們就可以通過MarginLayoutParams來獲取子View的Margin值。

override fun generateLayoutParams(attrs: AttributeSet?): LayoutParams? {return MarginLayoutParams(context, attrs) }

重寫測量方法onMeasure

然后,我們需要對我們的布局進行測量,也就是重寫onMeasure方法。

在該方法中,我們需要對我們的布局進行測量,并且將測量好的寬高傳入setMeasuredDimension方法,完成測量。

protected final void setMeasuredDimension(int measuredWidth, int measuredHeight)

之前我們說過,onMeasure方法會傳進來兩個參數,widthMeasureSpec和heightMeasureSpec。

里面包含了父View根據當前View的LayoutParams和父View的測量規格進行計算,得出的對當前View期望的測量模式和測量大小:

當測量模式為MeasureSpec.EXACTLY

也就是當寬或者高為確定值時,那么當前布局View的寬高也就是設定為父View給我們設置好的測量大小即可。比如寬為400dp,那么我們無需重新測量直接調用setMeasuredDimension傳入這個固定值即可。

當測量模式為MeasureSpec.AT_MOST 或者 UNSPECIFIED:

這時候,說明父View對當前View的要求不固定,是可以為任意大小或者不超過最大值的情況,比如設置這個VerticalLayout的高度為wrap_content。那么我們就必須重新進行高度測量了,因為只有我們設計者知道這個自適應高度需要怎么計算。具體就是VerticalLayout是一個垂直線性布局,所以高度很自然就是所有子View的高度之和。

至此,onMeasure方法的邏輯也基本摸清了:

override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {super.onMeasure(widthMeasureSpec, heightMeasureSpec)//獲取寬高的測量模式和測量大小val widthMode = MeasureSpec.getMode(widthMeasureSpec)val heightMode = MeasureSpec.getMode(heightMeasureSpec)val sizeWidth = MeasureSpec.getSize(widthMeasureSpec)val sizeHeight = MeasureSpec.getSize(heightMeasureSpec) var mHeight = 0var mWidth = 0 //遍歷子View,獲取總高度for (i in 0 until childCount) { val childView = getChildAt(i) //測量子View的寬和高 measureChild(childView, widthMeasureSpec, heightMeasureSpec) val lp = childView.layoutParams as MarginLayoutParams val childWidth = childView.measuredWidth + lp.leftMargin + lp.rightMargin val childHeight = childView.measuredHeight + lp.topMargin + lp.bottomMargin //計算得出最大寬度 mWidth = Math.max(mWidth, childWidth) //累計計算高度 mHeight += childHeight} //設置寬高setMeasuredDimension( if (widthMode == MeasureSpec.EXACTLY) sizeWidth else mWidth, if (heightMode == MeasureSpec.EXACTLY) sizeHeight else mHeight) }

主要的邏輯就是遍歷子View,得出VerticalLayout的實際寬高:

最終ViewGroup的高 = 所有子View的 (高 + margin值) 最終ViewGroup的寬 = 最大子View的 (寬 + margin值)

最后調用setMeasuredDimension 根據測量模式 傳入寬高。

重寫布局方法onLayout

上文說過,作為一個ViewGroup,必須重寫onLayout方法,來保證子View的正常布局擺放。

垂直線性布局VerticalLayout亦是如此,那么在這個布局中onLayout方法的關鍵邏輯又是什么呢?

還是那句話,確定位置,也就是確定左、上、右、下四個參數值,而在VerticalLayout中,最關鍵的參數就是這個上,也就是top值。

每個View的top值必須是上一個View的bottom值,也就是接著上一個View進行擺放,這樣才會是垂直線性的效果,所以我們需要做的就是動態計算每個View的top值,其實也就是不斷累加View的高度,作為下一個View的top值。

override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) {var childWidth = 0var childHeight = 0var childTop = 0var lp: MarginLayoutParams //遍歷子View,布局每個子Viewfor (i in 0 until childCount) { val childView = getChildAt(i) childHeight = childView.measuredHeight childWidth = childView.measuredWidth lp = childView.layoutParams as MarginLayoutParams //累計計算top值 childTop += lp.topMargin //布局子View childView.layout(lp.leftMargin,childTop,lp.leftMargin + childWidth,childTop + childHeight ); childTop += childHeight + lp.bottomMargin} }

邏輯還是挺簡單的,

left是固定的子View的leftMargin。 top是累加計算的子View的高度 + Margin值。 right是left + 子View的寬度。 bottom是top + 子View的高度。

最后調用子View的layout方法,對每個子View進行布局。

大功告成,最后看看我們這個自定義垂直線性布局的效果吧~

四、效果展示

<com.panda.studynote3.VerticalLayoutandroid:layout_width='wrap_content'android:layout_height='wrap_content'> <TextView android:layout_width='100dp' android:layout_height='100dp' android:text='啦啦啦' android:textSize='20sp' android:textColor='@color/white' android:background='@color/design_default_color_primary' /> <TextView android:layout_width='300dp' android:layout_height='200dp' android:layout_marginTop='20dp' android:background='@color/cardview_dark_background' android:textSize='20sp' android:textColor='@color/white' android:text='你好啊' /> <TextView android:layout_width='140dp' android:layout_height='100dp' android:text='嘻嘻' android:layout_marginLeft='10dp' android:layout_marginTop='10dp' android:textSize='20sp' android:gravity='center' android:textColor='@color/black' android:background='@color/teal_200' /> </com.panda.studynote3.VerticalLayout>

JavaSwing基礎之Layout布局相關知識詳解

到此這篇關于Java基礎之Layout布局相關知識詳解的文章就介紹到這了,更多相關Java Layout布局內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: Java
相關文章:
主站蜘蛛池模板: 冷凝水循环试验箱-冷凝水试验箱-可编程高低温试验箱厂家-上海巨为(www.juweigroup.com) | 电采暖锅炉_超低温空气源热泵_空气源热水器-鑫鲁禹电锅炉空气能热泵厂家 | 陕西视频监控,智能安防监控,安防系统-西安鑫安5A安防工程公司 | Trimos测长机_测高仪_TESA_mahr,WYLER水平仪,PWB对刀仪-德瑞华测量技术(苏州)有限公司 | 富森高压水枪-柴油驱动-养殖场高压清洗机-山东龙腾环保科技有限公司 | 北京宣传片拍摄_产品宣传片拍摄_宣传片制作公司-现像传媒 | 牛奶检测仪-乳成分分析仪-北京海谊 | 宽带办理,电信宽带,移动宽带,联通宽带,电信宽带办理,移动宽带办理,联通宽带办理 | 北京网站建设-企业网站建设-建站公司-做网站-北京良言多米网络公司 | 小程序开发公司_APP开发多少钱_软件开发定制_微信小程序制作_客户销售管理软件-济南小溪畅流网络科技有限公司 | 风信子发稿-专注为企业提供全球新闻稿发布服务 | 开平机_纵剪机厂家_开平机生产厂家|诚信互赢-泰安瑞烨精工机械制造有限公司 | 温泉机设备|温泉小镇规划设计|碳酸泉设备 - 大连连邦温泉科技 | 小型气象站_便携式自动气象站_校园气象站-竞道气象设备网 | 自清洗过滤器-全自动自清洗过反冲洗过滤器 - 中乂(北京)科技有限公司 | atcc网站,sigma试剂价格,肿瘤细胞现货,人结肠癌细胞株购买-南京科佰生物 | 北京森语科技有限公司-模型制作专家-展览展示-沙盘模型设计制作-多媒体模型软硬件开发-三维地理信息交互沙盘 | 青岛侦探_青岛侦探事务所_青岛劝退小三_青岛调查出轨取证公司_青岛婚外情取证-青岛探真调查事务所 | 元拓建材集团官方网站| 干式变压器厂_干式变压器厂家_scb11/scb13/scb10/scb14/scb18干式变压器生产厂家-山东科锐变压器有限公司 | PSI渗透压仪,TPS酸度计,美国CHAI PCR仪,渗透压仪厂家_价格,微生物快速检测仪-华泰和合(北京)商贸有限公司 | 武汉不干胶印刷_标签设计印刷_不干胶标签印刷厂 - 武汉不干胶标签印刷厂家 | 【铜排折弯机,钢丝折弯成型机,汽车发泡钢丝折弯机,线材折弯机厂家,线材成型机,铁线折弯机】贝朗折弯机厂家_东莞市贝朗自动化设备有限公司 | 临朐空调移机_空调维修「空调回收」临朐二手空调 | 吉祥新世纪铝塑板_生产铝塑板厂家_铝塑板生产厂家_临沂市兴达铝塑装饰材料有限公司 | 臭氧发生器_臭氧消毒机 - 【同林品牌 实力厂家】 | B2B网站_B2B免费发布信息网站_B2B企业贸易平台 - 企资网 | 门禁卡_智能IC卡_滴胶卡制作_硅胶腕带-卡立方rfid定制厂家 | 钢格板_钢格栅_格栅板_钢格栅板 - 安平县鑫拓钢格栅板厂家 | 连栋温室大棚建造厂家-智能玻璃温室-薄膜温室_青州市亿诚农业科技 | 手板-手板模型-手板厂-手板加工-生产厂家,[东莞创域模型] | 喷漆房_废气处理设备-湖北天地鑫环保设备有限公司 | LNG鹤管_内浮盘价格,上装鹤管,装车撬厂家-连云港赛威特机械 | 东莞办公家具厂家直销-美鑫【免费3D效果图】全国办公桌/会议桌定制 | 锻造液压机,粉末冶金,拉伸,坩埚成型液压机定制生产厂家-山东威力重工官方网站 | U拓留学雅思一站式服务中心_留学申请_雅思托福培训 | 北京租车公司_汽车/客车/班车/大巴车租赁_商务会议/展会用车/旅游大巴出租_北京桐顺创业租车公司 | 喷砂机厂家_自动喷砂机生产_新瑞自动化喷砂除锈设备 | 消泡剂_水处理消泡剂_切削液消泡剂_涂料消泡剂_有机硅消泡剂_广州中万新材料生产厂家 | ISO9001认证咨询_iso9001企业认证代理机构_14001|18001|16949|50430认证-艾世欧认证网 | 硫化罐-胶管硫化罐-山东鑫泰鑫智能装备有限公司 |