框架布局是最简单的布局形式。所有添加到这个布局中的视图都以层叠的方式显示。第一个添加的控件被放在最底层,最后一个添加到框架布局中的视图显示在最顶层,上一层的控件会覆盖下一层的控件。...代码; 1 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 android:layout_width...60dp" 27 android:layout_gravity="center" 28 android:background="#FF3300ff" /> 29 </FrameLayout
FrameLayout是最简单的布局了。所有放在布局里的控件,都按照层次堆叠在屏幕的左上角。后加进来的控件覆盖前面的控件。 在FrameLayout布局里,定义任何空间的位置相关的属性都毫无意义。...这个现象并不说明FrameLayout失效了。 gravity属性,是控制控件内部文本的格式的。而我们看我们控件的宽的属性是什么?...总结一下,经过以上的3个实验,我们知道FrameLayout里,默认所有的控件都是左上对齐。 控件可以通过android:layout_gravity属性控制自己在父控件中的位置。...当你需要自己写一个View的时候,在View里面已经完成了你的逻辑(例如游戏^_^),那么这个View只需要一个容器放置,就可以使用FrameLayout了。...虽然用其他的布局也可以,但是用最简单的不是更省系统资源么。
FrameLayout 在这个布局中,所有的子元素都不能被指定放置的位置,他们统统防御这块区域的左上角, 并且后面的子元素直接覆盖在前面的子元素之上,将前面的子元素部分和全部遮挡。...<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent...id/textView4" android:layout_width="80dp" android:layout_height="80dp" android:text="第四个" / </FrameLayout...<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent...android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="%20" / </FrameLayout
FrameLayout 帧布局,是所有布局容器中最简单的一种,控件定义在FrameLayout中默认放置在左上角,定义在后面的控件会层叠在前面定义的控件之上,所以才会被称为帧布局。...应用 据我个人的开发经验,FramLayout主要用于比较简单的布局,最常见的一个应用场景就是”功能引导页”,就是在布局最外层遮罩一层半透明的视图,类似以下这种: ? 举例 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent...layout_height="wrap_content" android:text="最外面一层" /> </FrameLayout...上面的效果是第二个Button覆盖在第一个Button的上面,除了被覆盖的位置,第一个Button的其他位置是可以点击的,最外层用半透明效果覆盖全部布局,这里只是简单示例FrameLayout的应用,实际开发中
Android开发之FrameLayout布局 在Android开发中,FrameLayout是所有布局容器中最简单的一种,在前边博客中有介绍关于Android开发中线性布局LinearLayout...LinearLayout采用的是线性平铺的布局模式,FrameLayout也被称为帧布局。...FrameLayout简单理解,可以将布局容器理解为一个单元素栈,先放入的视图在栈底,后放入的视图在栈顶,后放入的视图会覆盖先放入的视图。...并且,FrameLayout不能够设置其内视图的位置,默认都是从左上角开始布局,这个布局模式在简单的重叠界面中使用十分方便。 ...FrameLayout应该是开发中很少使用到的一种布局模式,在十分简单的界面需求中,使用它往往十分方便。 专注技术,热爱生活,交流技术,也做朋友。 ——珲少 QQ群:435043639
前言 上一期我们给大家讲解了LiearLayout,这一期我们为大家讲解一下FrameLayout(帧布局)的使用,相较于其他布局,FrameLayout可以说的上是最简单的一个,并且其使用范围相对来说也相对较小...,但是也是Android中的六大布局之一,面试的时候还是会碰到的,所以让我们赶紧开始学习吧~ 简介 在FrameLayout中,这个布局直接在屏幕上开辟出一块空白的区域,所有添加到这个布局中的视图都是以层叠的方式显示...上一层的视图会覆盖下一层的视图,因此该布局类似于堆栈布局,这就是FrameLayout为什么被使用较少的原因。...1.常用属性 FrameLayout的常用属性很少就两个 两个属性: android:foreground:设置改帧布局容器的前景图像 android:foregroundGravity:设置前景图像显示的位置...结语 关于FrameLayout的介绍就到这里啦,阔能部分小伙伴觉得今天的文章内容不是太多,主要是因为FrameLayout在实际项目中应用到的场景非常之少,所以大家简单了解一哈就好了。但是!!!
前面学习了线性布局、相对布局、表格布局,那么本期来学习第四种布局——FrameLayout帧布局。...一、认识FrameLayout 帧布局是Android布局中最简单的一种,使用标签。...釆用帧布局方式设计界面时,只能在屏幕左上角显示一个控件,如果添加多个控件,这些控件会按照顺序在屏幕的左上角重叠显示。 下表显示了 FrameLayout常用的XML属性及相关方法说明。...> 上面的界面布局定义使用FrameLayout布局,并向该布局容器中添加了 5个TextView,这5个TextView的高度、宽度则逐渐减少——这样可以保证最先添加的 TextView不会被完全遮挡...帧布局在界面上是一帧一帧显示的,通常可以用于游戏开发中。 到此,FrameLayout的示例结束,关于FrameLayout的更多用法可以多动手练习。
帧布局FrameLayout,先上效果: 源码: <FrameLayout android:id="@+id/myframe" android:layout_width...android:layout_height="wrap_content" android:src="@drawable/testpic"> 对于单位的补充知识: 帧布局特点:后面的组件会覆盖前一层,可以做一些动画展示 ImageView插入图片,src可以先将图片复制到drawable中再去引用
标题图 在Android中提供了几个常用布局: LinearLayout线性布局 RelativeLayout相对布局 FrameLayout帧布局 AbsoluteLayout绝对布局 TableLayout... FrameLayout帧布局 FrameLayout帧布局是什么样的呢?...列子代码 FrameLayout <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id...="@+id/FrameLayout" android:layout_width="match_parent" android:layout_height="match_parent">...结语 本文主要讲解 Android精通:TableLayout布局,GridLayout网格布局,FrameLayout帧布局,AbsoluteLayout绝对布局,RelativeLayout相对布局
前言 小伙伴们,在上文中我们介绍了Android布局AbsoluteLayout,本文我们继续盘点介绍Android开发中另一个常见的布局,帧布局FrameLayout。...一 FrameLayout基本介绍 FrameLayout是Android中的一种布局容器,它允许在单个视图组中重叠放置子视图。...二 FrameLayout使用方法 1.在XML布局文件中定义FrameLayout: <FrameLayout xmlns:android="http://schemas.android.com...> 这个布局文件中包含一个FrameLayout作为父容器,其中有一个ImageView和一个TextView作为子视图。...五 总结 总结来说,FrameLayout是一种简单且灵活的布局容器,适用于在单个位置上重叠显示不同的子视图。
问题描述 在平时开发的过程中,有时候会遇到FrameLayout或者LinearLayout父布局点击没反应,原因就是FrameLayout或者LinearLayout 里边包裹的子控件比较多,比如有...TextView、ImageView、Button、CheckBox等控件,在你点击父布局时如果没反应, 绝大部分原因就是这些子控件响应了点击事件,所以就会导致你的FrameLayout或者LinearLayout...父布局点击没反应。...是因为子控件响应了点击事件,所以导致了点击LinearLayout父布局没反应。...所以就出现了“点击父布局没反应”的这种情况。
/github.com/git0pen/MonkeyAndroid ---- FrameLayout 帧布局,在这种布局下,每个添加的子控件都被放在布局的左上角,并覆盖在前一个子控件的上层;此外,...FrameLayout中的子控件的位置不能被指定。...注意: 如果要达到网格的效果,推荐使用LinearLayout来实现,因为使用GridLayout会产生如下问题: 不能同时在(x,y)轴方向上进行控件的对齐; 当多层布局嵌套的时候会出现性能问题; 不能稳定地支持一些支持自由编辑布局的工具...布局源码 <?xml version="1.0" encoding="utf-8"?...到这里,所有布局的知识都学习完毕了。接下来,我们就要一起学习各种缤纷的控件了!
更新Xcode11.2之后,Xib布局发现ScrollView的布局有些改变。...重点:iOS 11以上才可以 ContentLayout 和 FrameLayout 介绍 ---- ContentLayout 和 FrameLayout 都继承UILayoutGuide。...ContentLayout:内容布局Layout ,是Scrollview 可滚动部分Content的Guide。...FrameLayout : Scrollview 边框Layout的Guide,和实际Scrollview Frame相同。...确定宽度布局: 确定滚动范围如屏幕宽度大小布局如下: ? 确定滚动范围固定大小如下: ? 确定高度布局: ? 3.
也就是说,不同类型的布局下的LayoutParams对象不能进行转换。而开发应验告诉我们,同一种布局下的LayoutParams才可以转换。...3 举例: 对于下面的布局来说: //Layout 对象的声明 RelativeLayout A; LinearLayout B; FrameLayout C; 最外层是RelativeLayout...A,里面有一个LinearLayout B,而B中又有一个FrameLayout 。
传统布局 一栏、两栏、三栏布局 一栏布局 特点:页面内容居中,宽度固定 实现方式: 定宽 + 水平居中 width: 1000px; //或 max-width: 1000px; margin-left...圣杯布局和双飞翼布局 是老的布局方式,2012年以前流行,现在已不流行,但是面试可能会考察到,所以记录一下 why it?...如果用flex实现三栏布局,且main在dom次序最上面,那么只需要contain使用flex布局,mainflex:1;order:2两边固定宽度即可 使用flex写几个简单布局 ?...1.flex手机页面基本布局 ?...做布局的时候,要分清布局块和内容块!布局块DIV只用来布局,内容快DIV只用来添加网页内容。bootstrop就用栅格系统做布局块,内容块是自己设计的独立元素。 例子:简单的头部导航布局 ?
今天说一说easyui 布局_layout布局,希望能够帮助大家进步!!! 目录 1.什么是easyui? 2.easyui能带给我们什么好处? 3.easyui如何使用?...cache-control" content="no-cache"> 4.组件 分类:Base(基础)、Layout(布局...Button(菜单和按钮)、Form(表单)、Window(窗口)、 DataGrid and Tree(表格和树)、Extension(扩展) 本章节主要讲述以下组件的使用: 1)layout(布局组件...-- layout(布局) --> <div data-options="region:'north',title:'网上书城',split
弹性布局 弹性布局是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。...使用方法:父元素设置display:flex 注意:父元素属性设置了flex布局其子元素的float,clear,vertical-align将无效 常用属性 1.flex-direction 调整子元素的排列方向
我们具体看效果图: 比如当前我们的布局就是简单的: 布局中。...我们再中包了一个这时候FrameLayout既没有设置background,也没设置foreground。...-------------------------------------- 1.比如我们可以给他做个淡色的遮幕感: 这样不管FrameLayout里面有多少控件,我们不需要对控件一个个去设置,只要对FrameLayout...因为Android在所有布局的基类 View 类中 就定义了 Foreground 这个属性,但是测试发现 运行时,只有FrameLayout布局上设置该属性才会生效。观察View的代码发现这样一段。
按照我的理解,其实圣杯布局跟双飞翼布局的实现,目的都是左右两栏固定宽度,中间部分自适应。 但在这里实现起来还是有一些区别的 【圣杯布局】 ?...head> 圣杯布局...DEMO 听说双飞翼布局是玉伯大大提出来的,始于淘宝UED 如果把三栏布局比作一只大鸟,可以把main看成是鸟的身体,sub和extra则是鸟的翅膀。...这个布局的实现思路是,先把最重要的身体部分放好,然后再将翅膀移动到适当的地方....其实跟上边的圣杯布局差不多的,当然也可以改动一下(自己想想有哪些不同吧) 恩,这里有一只鸟~ 左翅sub有200px,右翅extra..220px..
领取专属 10元无门槛券
手把手带您无忧上云