精华内容
下载资源
问答
  • android显示布局边界查看布局

    万次阅读 2017-02-08 18:24:48
    安卓开发者查看布局边界的步骤: 设置 - 开发人员选项 - (勾选)显示布局界限 立马就可以看到屏幕上,很多线条 红色:一个view的上边,下边,左边,右边 边界线 蓝色:一个view的角,比如长方形的四个角 粉红...

    安卓开发者查看布局边界的步骤:

    设置 - 开发人员选项 - (勾选)显示布局界限

    立马就可以看到屏幕上,很多线条

    红色:一个view的上边,下边,左边,右边 边界线

    蓝色:一个view的角,比如长方形的四个角

    粉红色:margin系列的,比如layout_marginLeft 、layout_marginBottom

    (注意:padding系列的,没有边界线,也没有颜色,不容易看出来)

    观察布局边界线,有助于我们在布局的时候,不知道控件在哪里,不知道控件的具体位置的,可以明确的看到我们的控件在哪里。还有助于我们准确的布局控件

    有时候出现一些空白空隙,或者控件重叠的情况,打开布局边界,一看就明白了。




    展开全文
  • Android 布局之GridLayout

    2021-03-07 15:26:53
    Android 布局之GridLayout1 GridLayout简介GridLayout是Android4.0新提供的网格矩阵形式的布局控件。GridLayout的继承关系如下:java.lang.Object--> android.view.View--> android.view.ViewGroup--> ...

    Android 布局之GridLayout

    1 GridLayout简介

    GridLayout是Android4.0新提供的网格矩阵形式的布局控件。

    GridLayout的继承关系如下:

    java.lang.Object

    --> android.view.View

    --> android.view.ViewGroup

    --> android.widget.GridLayout

    GridLayout包含的属性如下:

    android:alignmentMode

    属性说明:当设置alignMargins,使视图的外边界之间进行校准。可以取以下值:

    alignBounds -- 对齐子视图边界。

    alignMargins -- 对齐子视图边距。

    android:columnCount

    属性说明:GridLayout的最大列数

    android:rowCount

    属性说明:GridLayout的最大行数

    android:columnOrderPreserved

    属性说明: 当设置为true,使列边界显示的顺序和列索引的顺序相同。默认是true。

    android:orientation

    属性说明:GridLayout中子元素的布局方向。有以下取值:

    horizontal -- 水平布局。

    vertical -- 竖直布局。

    android:rowOrderPreserved

    属性说明: 当设置为true,使行边界显示的顺序和行索引的顺序相同。默认是true。

    android:useDefaultMargins

    属性说明: 当设置ture,当没有指定视图的布局参数时,告诉GridLayout使用默认的边距。默认值是false。

    这些是GridLayout布局本身的属性。

    2 GridLayout子元素属性

    上面描述的 GridLayout 的属性,是 GridLayout 布局本身的属性;下面 GridLayout 布局中的元素所支持的属性。GridLayout 布局中的元素的属性,定义在 GridLayout.LayoutParams中。取值如下:

    2.1 android:layout_column

    属性说明: 显示该空间的列。例如,android:layout_column="0",表示在第1列显示该控件;android:layout_column="1",表示在第2列显示该控件。

    layout文件示例,

    8f900a89c6347c561fdf2122f13be562.png

    961ddebeb323a10fe0623af514929fc1.png

    View Code

    对应的显示效果图:

    faf3181ca28c8bc82fc6e70ef3f48147.png

    layout文件说明:

    android:orientation="horizontal" -- GridLayout中控件的布局方向是水平布局。

    android:rowCount="2"               -- GridLayout最大的行数为2行。

    android:columnCount="3"          -- GridLayout最大的列数为3列。

    android:layout_column="1"        -- 定义控件one的位于第2列。

    android:layout_column="0"        -- 定义该控two件的位于第1列。

    2.2 android:layout_columnSpan

    属性说明: 该控件所占的列数。例如,android:layout_columnSpan="2",表示该控件占2列。

    layout文件示例:

    8f900a89c6347c561fdf2122f13be562.png

    961ddebeb323a10fe0623af514929fc1.png

    View Code

    对应的显示效果图:

    a64361ab49515f7ca0728c40df3df6e3.png

    layout文件说明:

    数字"1"实际上占据的空间大小是2列,但是第2列显示为空白。若要第2列不显示空白,需要设置 android:layout_gravity属性,参考下例。

    2.3 android:layout_row

    属性说明: 该控件所在行。例如,android:layout_row="0",表示在第1行显示该控件;android:layout_row="1",表示在第2行显示该控件。它和 android:layout_column类似。

    2.4 android:layout_rowSpan

    属性说明: 该控件所占的行数。例如,android:layout_rowSpan="2",表示该控件占2行。它和 android:layout_columnSpan类似。

    2.5 android:layout_gravity

    属性说明:

    该控件的布局方式。可以取以下值:

    top                    -- 控件置于容器顶部,不改变控件的大小。

    bottom            -- 控件置于容器底部,不改变控件的大小。

    left           -- 控件置于容器左边,不改变控件的大小。

    right           -- 控件置于容器右边,不改变控件的大小。

    center_vertical     -- 控件置于容器竖直方向中间,不改变控件的大小。

    fill_vertical        -- 如果需要,则往竖直方向延伸该控件。

    center_horizontal -- 控件置于容器水平方向中间,不改变控件的大小。

    fill_horizontal      -- 如果需要,则往水平方向延伸该控件。

    center              -- 控件置于容器中间,不改变控件的大小。

    fill                     -- 如果需要,则往水平、竖直方向延伸该控件。

    clip_vertical        -- 垂直剪切,剪切的方向基于该控件的top/bottom布局属性。若该控件的gravity是竖直的:若它的gravity是top的话,则剪切该控件的底部;若该控件的gravity是bottom的,则剪切该控件的顶部。

    clip_horizontal     -- 水平剪切,剪切的方向基于该控件的left/right布局属性。若该控件的gravity是水平的:若它的gravity是left的话,则剪切该控件的右边;若该控件的gravity是  right的,则剪切该控件的左边。

    start                -- 控件置于容器的起始处,不改变控件的大小。

    end               -- 控件置于容器的结束处,不改变控件的大小。

    对应函数: setGravity(int)

    layout文件示例:

    8f900a89c6347c561fdf2122f13be562.png

    961ddebeb323a10fe0623af514929fc1.png

    View Code

    对应的显示效果图:

    1b7c3df556c8112ff48fe660193b8963.png

    3 应用示例

    定义一个简单的计算器界面,包含“0-9、.、+、-、*、/、=、”。用GridLayout实现。

    layout文件

    点击下载:源代码

    效果图:

    a87a48e5dc07f303087eca437745f532.png

    展开全文
  • 这是个悲伤而又略带绝望的故事,发生在我和xml布局之间,他气死了我,我删了它。我说 靠右。控件非不。全剧终。android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation=...

    这是个悲伤而又略带绝望的故事,发生在我和xml布局之间,他气死了我,我删了它。

    我说 靠右。

    控件非不。

    全剧终。

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:orientation="vertical"

    android:background="@drawable/bg_personal_major_experience_item_shape"

    android:layout_marginTop="@dimen/y30"

    android:layout_marginLeft="@dimen/x30"

    android:layout_marginRight="@dimen/y30">

    android:layout_width="match_parent"

    android:layout_height="@dimen/y122"

    android:orientation="horizontal">

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="horizontal"

    android:layout_weight="1">

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="教育背景"

    android:textColor="@color/colorBlue"

    android:layout_gravity="center_vertical"

    android:layout_marginLeft="@dimen/x60"

    android:textSize="20dp"/>

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="horizontal"

    android:layout_weight="1">

    android:layout_width="@dimen/x45"

    android:layout_height="@dimen/y45"

    android:layout_gravity="center_vertical"

    android:layout_marginRight="@dimen/x60"

    android:src="@mipmap/p_add"/>

    上面就是我的布局文件,长下面这个鸟样,

    我的目的是想把那个中间的加号放到右边去,不要问我为什么这么傻逼用了layout_weight 这也是被逼的没办法之后的一个尝试。网上说这样可以,然而并没有什么卵用,设置成

    android:layout_gravity="center_vertical|right"

    这样都没有任何效果,我只是想把控件摆到右边去,多简单的一件事,直接margin_right不行么!!!Android布局什么鬼,特么气死我了。

    后来又百度了一下,是需要在LinearLayout里面吧gravity设置为right这样才行,也就是我上面注释掉的那行。蛋疼,可能我的想法其实更适合用RelativeLayout吧。

    展开全文
  • Android中开启布局边界

    千次阅读 2015-09-18 15:06:32
    在开发Android UI时候经常需要打开布局边界调试UI程序。 但我们在开发时候经常遇到开发者选项里没有此项设置的机器,真是无语…… 在这里汇总一下目前已知的打开布局边界的方法: 1.直接在设置中得开发者选项中...

    在开发Android UI时候经常需要打开布局边界调试UI程序。

    但我们在开发时候经常遇到开发者选项里没有此项设置的机器,真是无语……


    在这里汇总一下目前已知的打开布局边界的方法:

    1.直接在设置中得开发者选项中打开。(别忘记先要点击5次系统信息里的版本号,开启开发者模式)


    2.如果手机的开发者选项没有这一项……

    打开命令行,通过ADB连接手机shell

    adb shell

    接下来输入命令

    setprop debug.layout true

    这时命令不会立即生效,需要重新打开应用


    3.还有一种情况,你的设备可能压根没提供开发者选项的按钮……

    虽然界面上没有,但是一般厂商不会裁剪这个功能,可以用am命令打开

    adb shell am start com.android.settings/.DevelopmentSettings

    展开全文
  • 先上图,实现如下图样式 布局文件使用Linerlayout垂直布局即可,这里省略,主要需要添加如下样式:android:bottom="10dp"android:left="10dp"android:right="10dp"android:top="10dp" />android:width="1dp...
  • 红色边线:一个view的上边,下边,左边,右边 边界线 蓝色:表明一个view的四个角 粉红色:表示margin,比如layout_marginLeft 、layout_marginBottom padding没有颜色(白色),蓝色角(表示view的边界)和内容之间会...
  • Here's the xml reduced to a minimum: android:layout_width="fill_parent" android:layout_height="wrap_content" android:clipChildren="false" android:paddingLeft="50dip" > android:id="@+id/myId" android:...
  • android屏幕显示布局边框及宽高

    千次阅读 2016-10-22 16:36:26
    在不开启开发者选项的情况下 直接在屏幕显示当前布局,内外边距,大小,方便产品,测试查看布局大小 基本思路: 为activty添加蒙层((ViewGroup) activity.getWindow().getDecorView()).addView(layoutView); ...
  • 今天做了一个由根布局动态载入子布局的实验,结果发现子布局中的这两个属性能够按预期的效果显示,可是给根布局设置的padding并没有对被载入的子布局产生效果。代码例如以下:根布局文件名称为activity...
  • GridLayout布局简介GridLayout布局Android4.0(API Level 14)新引入的网格矩阵形式的布局控件。GridLayout属性介绍本身属性android:alignmentMode说明:当设置alignMargins,使视图的外边界之间进行校准。可以取...
  • 我必须添加一个叠加层(ImageView),以便它稍微移动到包含布局边界的左侧.做这个的最好方式是什么?尝试了一些简单的事情,比如将ImageView放在布局中并使用负边距android:layout_marginLeft="-20dip"这样做了:(更正...
  • 设置debugPaintSizeEnabled为true来更直观的调试布局问题 第一步:先导入rendering.dart import 'package:flutter/rendering.dart'; 第二步:设置main入口 void main() { //设置debugPaintSizeEnabled为true来更...
  • android:layout_width=match_parent android:layout_height=match_parent android:clipChildren=false> <ImageView android:layout_width=match_parent android:layout_height=match_parent an
  • debugPaintSizeEnabled Flutter显示布局

    千次阅读 2019-08-14 13:51:17
    有时候我们想要像Android一样可以显示的看到自己布局的情况,那么很简单只需要设置---->系统---->开发者选项---->显示边界布局(选中) 就OK了,类似下图: 那么在Flutter种有没有类似的操作呢?答案是有...
  • Android UI布局

    2021-06-04 08:06:14
    用户界面的基本构建块是 View对象,它是从View类创建的,占据屏幕上的矩形区域,负责绘图和事件处理。...在第三级,我们有不同的布局,它们是ViewGroup类的子类,典型的布局定义了Android用户界面...
  • RelativeLayout(相对布局)android:layout_above将该控件的底部至于给定ID的控件之上android:layout_below将该控件的顶部至于给定ID的控件之下android:layout_toLeftOf将该控件的右边缘和给定ID的控件的左边缘对齐...
  • 文章目录一、代码边界线是什么?二、代码边界线的使用1.开启代码边界线2.修改代码边界线的距离总结 一、代码边界线是什么? 代码边界线顾名思义就是一条边界线,引入这条线的要求是让程序员在书写代码时,每行的...
  • android:clipChildren=“false” 在根布局加入 此属性即可
  • android:paddingLeft指内边距左的距离,即控件内文字离控件左边边界的距离。其它的类推。android:gravity指控件内文字相对于控件本身的方向属性,长度为dip,与像素独立的长度。android:background为控件内文字颜色的...
  • Android布局详解

    千次阅读 2020-04-16 16:14:53
    四种基本布局
  • 当前触摸点是否滑出本身View边界 val vibrator = getSystemService(Service.VIBRATOR_SERVICE) as Vibrator //手势监听 mouse_mat?.setMouseTouchListener { event -> if (event.y < 0) { //手指划出上...
  • 相对布局和线性布局有着共同的优点,能够最大程度保证在各种屏幕类型的手机正确的显示界面布局。相对布局的各种属性相对于兄弟元素android:layout_below="@id/aaa":在指定View的下方android:layout_above="@...
  • Android弹性布局

    2021-06-03 10:32:55
    Flexbox简介简单来说 Flexbox 是属于web前端领域CSS的一种布局方案,是2009年W3C提出了一种新的布局方案,可以简便、完整、响应式地实现各种页面布局,并且 React Native 也是使用的 Flex 布局。谷歌将其引入以提高...
  • 优缺点优点极大程度减少布局层级可以实现一些其他布局管理器不能实现的样式缺点每个被参考的控件都需要设置id以下所有描述都是针对ConstraintLayout下子控件的,通用的属性在此不再叙述,只针对ConstraintLayout独有...
  • Android Layout 布局属性全解Android有基本Layout:FrameLayout,LinearLayout,TableLayout,RelativeLayout,AbsoluteLayout。android开发者谷歌文档...
  • 简介:LinearLayout 布局,中文线性布局,其主要特征是主要以水平火垂直方式来显示页面中的控件,水平:从左到右,垂直:从上到下,线性布局中,每行或者每列仅允许有一个子视图或者控件。 主要属性: android:...
  • 1.四周布局A.android:layout_above将该控件的底部至于给定ID的控件之上B.android:layout_below将该控件的顶部至于给定ID的控件之下c.android:layout_toLeftOf将该控件的右边缘和给定ID的控件的左边缘对齐D.android:...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 21,570
精华内容 8,628
关键字:

安卓显示布局边界