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

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

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

瀏覽:92日期: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
相關文章:
主站蜘蛛池模板: 行星齿轮减速机,减速机厂家,山东减速机-淄博兴江机械制造 | 江苏大隆凯科技有限公司| 房车价格_依维柯/大通/东风御风/福特全顺/江铃图片_云梯搬家车厂家-程力专用汽车股份有限公司 | 智能楼宇-楼宇自控系统-楼宇智能化-楼宇自动化-三水智能化 | 影像测量仪_三坐标测量机_一键式二次元_全自动影像测量仪-广东妙机精密科技股份有限公司 | 气力输送_输送机械_自动化配料系统_负压吸送_制造主力军江苏高达智能装备有限公司! | 识禅_对禅的了解,从这里开始 | 护腰带生产厂家_磁石_医用_热压护腰_登山护膝_背姿矫正带_保健护具_医疗护具-衡水港盛 | 钢化玻璃膜|手机钢化膜|钢化膜厂家|手机保护膜-【东莞市大象电子科技有限公司】 | 游戏版号转让_游戏资质出售_游戏公司转让-【八九买卖网】 | 升降炉_真空气氛炉_管式电阻炉厂家-山东中辰电炉有限公司 | 涂层测厚仪_光泽度仪_uv能量计_紫外辐照计_太阳膜测试仪_透光率仪-林上科技 | 电机保护器-电动机综合保护器-浙江开民 | 深圳市八百通智能技术有限公司官方网站 | 全自动五线打端沾锡机,全自动裁线剥皮双头沾锡机,全自动尼龙扎带机-东莞市海文能机械设备有限公司 | 丹尼克尔拧紧枪_自动送钉机_智能电批_柔性振动盘_螺丝供料器品牌 | ?水马注水围挡_塑料注水围挡_防撞桶-常州瑞轩水马注水围挡有限公司 | 闭端端子|弹簧螺式接线头|防水接线头|插线式接线头|端子台|电源线扣+护线套|印刷电路板型端子台|金笔电子代理商-上海拓胜电气有限公司 | 哈希余氯测定仪,分光光度计,ph在线监测仪,浊度测定仪,试剂-上海京灿精密机械有限公司 | 震动筛选机|震动分筛机|筛粉机|振筛机|振荡筛-振动筛分设备专业生产厂家高服机械 | PC构件-PC预制构件-构件设计-建筑预制构件-PC构件厂-锦萧新材料科技(浙江)股份有限公司 | FFU_空气初效|中效|高效过滤器_空调过滤网-广州梓净净化设备有限公司 | 深圳展厅设计_企业展馆设计_展厅设计公司_数字展厅设计_深圳百艺堂 | 河北码上网络科技|邯郸小程序开发|邯郸微信开发|邯郸网站建设 | 济南品牌包装设计公司_济南VI标志设计公司_山东锐尚文化传播 | 环讯传媒,永康网络公司,永康网站建设,永康小程序开发制作,永康网站制作,武义网页设计,金华地区网站SEO优化推广 - 永康市环讯电子商务有限公司 | 深圳侦探联系方式_深圳小三调查取证公司_深圳小三分离机构 | 曙光腾达官网-天津脚手架租赁-木板架出租-移动门式脚手架租赁「免费搭设」 | 无刷电机_直流无刷电机_行星减速机-佛山市藤尺机电设备有限公司 无菌检查集菌仪,微生物限度仪器-苏州长留仪器百科 | 深圳货架厂_仓库货架公司_重型仓储货架_线棒货架批发-深圳市诺普泰仓储设备有限公司 | 水上浮桥-游艇码头-浮动码头-游船码头-码瑞纳游艇码头工程 | 课件导航网_ppt课件_课件模板_课件下载_最新课件资源分享发布平台 | 蓝米云-专注于高性价比香港/美国VPS云服务器及海外公益型免费虚拟主机 | 东莞压铸厂_精密压铸_锌合金压铸_铝合金压铸_压铸件加工_东莞祥宇金属制品 | 喷码机,激光喷码打码机,鸡蛋打码机,手持打码机,自动喷码机,一物一码防伪溯源-恒欣瑞达有限公司 | 德国UST优斯特氢气检漏仪-德国舒赐乙烷检测仪-北京泽钏 | 物流公司电话|附近物流公司电话上门取货 | 网站建设-高端品牌网站设计制作一站式定制_杭州APP/微信小程序开发运营-鼎易科技 | 柔性测斜仪_滑动测斜仪-广州杰芯科技有限公司 | 冷却塔降噪隔音_冷却塔噪声治理_冷却塔噪音处理厂家-广东康明冷却塔降噪厂家 | 杭州可当科技有限公司—流量卡_随身WiFi_AI摄像头一站式解决方案 |