首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用view.GONE处理ConstraintLayout水平和垂直方向

在使用ConstraintLayout布局时,可以使用view.GONE来处理水平和垂直方向的隐藏。

ConstraintLayout是Android中强大的布局容器,它可以通过约束关系来定义视图之间的位置和大小。当需要隐藏一个视图时,可以使用view.GONE属性将其隐藏。

在ConstraintLayout中,水平和垂直方向的隐藏方式略有不同。

  1. 水平方向隐藏:
    • 将要隐藏的视图的宽度设置为0dp,即android:layout_width="0dp"。
    • 添加水平方向的约束关系,确保隐藏的视图与其他视图之间的约束关系不会发生变化。

示例代码:

代码语言:txt
复制
<androidx.constraintlayout.widget.ConstraintLayout
    ...>

    <View
        android:id="@+id/viewToHide"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        ... />

    ...

</androidx.constraintlayout.widget.ConstraintLayout>
  1. 垂直方向隐藏:
    • 将要隐藏的视图的高度设置为0dp,即android:layout_height="0dp"。
    • 添加垂直方向的约束关系,确保隐藏的视图与其他视图之间的约束关系不会发生变化。

示例代码:

代码语言:txt
复制
<androidx.constraintlayout.widget.ConstraintLayout
    ...>

    <View
        android:id="@+id/viewToHide"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        ... />

    ...

</androidx.constraintlayout.widget.ConstraintLayout>

以上是使用view.GONE处理ConstraintLayout水平和垂直方向隐藏的方法。通过设置宽度或高度为0dp,并添加相应的约束关系,可以实现隐藏视图的效果。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云官网:https://cloud.tencent.com/
  • 云服务器CVM:https://cloud.tencent.com/product/cvm
  • 云数据库MySQL:https://cloud.tencent.com/product/cdb_mysql
  • 人工智能AI:https://cloud.tencent.com/product/ai
  • 云存储COS:https://cloud.tencent.com/product/cos
  • 区块链服务:https://cloud.tencent.com/product/tbaas
  • 元宇宙服务:https://cloud.tencent.com/product/metaspace
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何使用 CSS 设置和自定义水平和垂直滚动条

在本文中,我们将讨论何时设置水平和垂直滚动条,如何设置它们以及如何使用CSS自定义它们的外观。...在下一节中,我们将学习如何防止导航项目列表显示在侧边栏之外。d). 使用滚动条管理内容溢出防止导航项目显示在侧边栏之外非常简单。...您已成功创建了一个垂直滚动条。如果需要的话,可以休息一下。在下一节中,我们将学习如何设置水平滚动条。设置自定义水平滚动条。您可以向网页内的容器添加水平滚动条。...您已成功创建了水平和垂直滚动条。让我们继续下一节,我们将讨论如何设置滚动条的样式。自定义滚动条样式您希望为网站的滚动条设置样式的原因之一是为了在整个网页上实现颜色协调。...为了实现所有滚动条的统一定制,我们可以按如下方式应用样式:在不选择任何特定元素、标签或类名的情况下应用滚动条样式在网站同时具有水平和垂直滚动条的情况下,为两个属性的height和width同时赋值。

76600

CSS篇-面试题2-如何让一个长度未知的图片水平和垂直方向均居中

前言 元素水平垂直居中是 web 开发中常见遇到的问题 方法 1-使用transform + absolute 这个组合,常用于图片的居中显示,子元素设置绝对定位,父级元素相对定位,也可以将父元素...top: 50%; // top值50% transform: translate( -50%, -50% ); // 利用transform变换,translate平移,水平,垂直方向上...border: 1px solid #ccc; display: table-cell; text-align: center; vertical-align: middle; } 方法 3-使用弹性...flex布局 在实际开发中,很多元素的高度,宽度是不固定的,随着自身的内容撑大而撑大的,怎么让它在页面中实现水平垂直居中显示呢?...} 更多元素水平垂直居中https://coder.itclan.cn/fontend/css/css-base-elem-center/

1K10

【约束布局】ConstraintLayout 组件可见性 View.GONE 处理 与 Margin 属性 ( 约束布局可见性处理 | goneMargin 属性 )

可见性改变后的行为处理 ( Visibility Behavior ) III ....可见性改变后的行为处理 ( Visibility Behavior ) 约束布局 组件 可见性说明 : 1.讨论情况 : 约束布局中 , 当组件被设置成 View.GONE 可见性时 , 针对该组件的处理方式...; 2.通常处理方案 ( 其它布局 ) : 被设置成 View.GONE 属性的组件 , 一般情况下进行如下处理 : ① 取消显示 : 首先其先取消显示 ; ② 布局移除 : 然后将该组件从布局中移除...-- 被 约束 的组件 该组件 垂直方向 居中于整体布局 其左侧 紧贴 目标组件 , 右侧约束于 父容器 --> 2.布局截图 : 3.布局说明 : ① 目标组件 : 该组件的 android:visibility 属性稍后会被设置 View.GONE; 1> 垂直方向 : 居中于布局 ; 2> 水平方向

1.2K30

项目需求讨论 — ConstraintLayout 详细使用教程

题外话 关于ConstraintLayout的文章网上一抓一大把,而且ConstraintLayout在16年就已经出来了,但是我一直没有试着去使用(别问我为什么不去使用,当然是因为懒啊)。...正文 控件如何确定自己的位置 1.直接确定控件左上角的坐标 在约束布局中,一个控件如何来确定自己的位置呢,有人可能说直接写死让它在界面的(XXX,XXX)位置不就好了么。...复制代码 分别是水平和垂直方向上的所占比例。...---- Guideline ConstraintLayout的辅助对象的实用程序类。Guideline不会显示在设备上(它们被标记为View.GONE),仅用于布局。...指引可以是水平的也可以是垂直的: 垂直指南的宽度为零,它们的ConstraintLayout父项的高度为零 水平指南的高度为零,其ConstraintLayout父项的宽度为零 定位准则有三种不同的方式

1.5K20

【建议收藏】17个XML布局小技巧

而在使用ConstraintLayout的过程中,我发现有些同学总是会忽略GuideLine,尽管ConstraintLayout已经非常好用了,但是有些布局仍然显得有些「笨拙」。...GuideLine是ConstraintLayout布局的辅助对象,仅用于布局定位使用,它被标记了View.GONE,并不会显示在设备上。...,70%定位,用百分比能很好的解决适配问题,而我们常规的做法是使用LinearLayout嵌套然后设置子view的weight,虽然嵌套一层不多,但那也是嵌套,就像怀孕一样,你不能说只怀了一点点… 第二个红框里是垂直参考线...listfooter 效果同tools:listitem tools:listfooter="@layout/item_footer" app:layoutManager 上面RecyclerView的效果是默认垂直方向的...属性来设置的,比如: app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" 默认的LinearLayoutManager是垂直方向

69310

【约束布局】ConstraintLayout 引导线 Guideline 约束 ( 简介 | 可视化操作 | 属性 | 水平引导线 | 垂直引导线 | 开始结束尺寸 | 百分比位置 | 约束组件 )

Guideline 引导线 约束 : 水平引导线 约束 垂直方向 , 垂直引导线约束水平方向 ; II ....: 分别点击上述两个选项 , 添加水平和垂直引导线 , 会自动生成如下代码 : <androidx.constraintlayout.widget.Guideline android:id="...Guideline 引导线 属性 简介 : Guideline 引导线在 Constraintlayout 约束布局中 , 需要为其设置两个属性 , 分别是 使用 “android:orientation...设置 Guideline 方向 : ① 水平方向 : 引导线是 从左到右 水平方向的 ; android:orientation="horizontal" ② 垂直方向 : 引导线是 从上到下 垂直方向的...; ② 垂直约束 : 下面代码中的 guideline6 是 水平方向的引导线 , 用于 被约束组件的 垂直方向的约束 ; <!

3.1K10

未来布局之星——ConstraintLayout

ConstraintLayout使用。...Button控件约束 如将按钮下边圆圈拖至ConstraintLayout底部,则按钮移动至底部;再将按钮上边圆圈拖动至ConstraintLayout顶部,垂直方向上有两个约束的按钮控件就会实现垂直居中...除了居中,约束还可以设置控件两边到边界之间的距离比例,通过在右侧属性面板中,拖动水平和垂直方向的进度条来调整两边距离的比例。 ?...这种相对于父容器的模式在ConstraintLayout中很少会使用。...如下图,创建一个垂直方向的参考线,将其切换至百分比模式,拖动到50%的位置,再将两个控件在左右两侧分别与Guidelines添加约束,然后两个控件的底边相互添加约束即可实现合并居中的效果。

1.9K20

Android Notes|细数「八大布局」那些事儿

这里简单的整理了一部分,按照个人使用频率排序: ConstraintLayout: 约束布局 LinearLayout: 线性布局 RelativeLayout: 相对定位布局 FrameLayout:...一星简单了解,面试和面试官吹个就好~ 反正知道肯定要比什么都不知道要强很多的~ 文中借用图片,文末均以附上地址链接~ 一、ConstraintLayout ⭐️⭐️⭐️⭐️⭐️ ConstraintLayout...在下面的事例中也会多多少少体验一波~ 使用方式: 添加 Maven 库 repositories { google() } 添加 ConstraintLayout 依赖 dependencies...这些约束允许一个 View 基于某个 View 进行定位,同样我们可以在水平方向以及垂直方向进行约束 View: 水平轴: 左,右,起点和终点 垂直轴: 顶部,底部和文本基线 如下,实现将 B 按钮定位在...> 9.辅助对象 Guideline 据官方所言,此为 ConstraintLayout 辅助工具,默认为 View.GONE

1.8K00

还在用Android正经布局来写页面吗?

ConstraintLayout布局出来已经很久了,刚出来那会儿就想尝试一下的,结果半天都没适应,前两天看到一篇ConstraintLayout实战的文章,看完之后发现这布局贼鸡儿好用啊,日常开发中的大多数布局使用它都可以完成...使用0dp,相当于`MATCH_CONSTRAINT` 注意:match_parent官方不建议在ConstraintLayout布局中使用,可以通过设置MATCH_CONSTRAINT(真实数值是0dp...8、Chains(链) 链条在同一方向上(水平或者垂直)为一组互相关联的控件作统一管理,并且链由链头(链的第一个元素)设置的属性控制,链头是水平链的最左侧的元素,是垂直链的最顶部的元素。...然后,子项的水平或垂直偏差属性将影响该链元素的定位 9、辅助布局Guildline 这是ConstraintLayout布局特有的功能,你可以用它来辅助你完成布局,类似于高中数学图形学中的辅助线,只不过这条辅助线只有两个方向...,水平和垂直: 当设置线的方向为horizontal时,辅助线的高度为0,宽度是容器的宽度。

1.3K30

打造万能的EmptyLayout

前言 最近一直在做新项目,做的途中也一直在思考,如何让开发更加的方便,界面的实现更加的优雅,于是,就去github稍微搜索了一下好的例子,结果不尽人意,要么太臃肿,要么移植难,要么结构不清晰,于是,就打算自己来实现一个...效果图 代码使用 LoadingLayout loadingLayout; @Override protected void onCreate(Bundle savedInstanceState...ConstraintLayout能基本满足所有布局的要求,所以,我打算让LoadingLayout继承ConstraintLayout 添加布局: 将正在加载布局、加载错误布局、加载空布局addView...到LoadingLayout 如何去控制布局: 这个地方,我想到了一个办法,比如,当前我要显示一个空布局,遍历LoadingLayout的所有子View全部gone隐藏,然后只Visible空布局,正在加载布局和加载失败原理一样...); errorView.setVisibility(View.GONE); emptyView.setVisibility(View.GONE); }

46720

带你领略 ConstraintLayout 1.1 的新功能前言带你领略 ConstraintLayout 1.1 的新功能

带你领略 ConstraintLayout 1.1 的新功能 约束布局(ConstraintLayout)通过使用 Android Studio 中的可视化编辑器来为您生成绝大多数的 UI,进而达到简化...在 1.1 版本中,我们已经修复了链条的一些问题,并使它们能够处理更多的视图。您可以通过在两边添加约束来生成一个链条。例如在下面这个动画中,每个视图之间都有一个约束。 ?...profile.visibility = GONE profile.visibility = VISIBLE 圆形约束 在约束布局中,大多数约束由屏幕尺寸指定——水平和垂直。...您不必提供水平和垂直边距,而是指定圆的角度和半径。这对于像径向菜单这样的角度偏移的视图将非常有用! ? image 您可以通过指定要偏移的半径和**角度来创建径向菜单。...chains:目前正在实验阶段,并计算出如何布置固定尺寸的元素链。

1.7K20

带你领略 ConstraintLayout 1.1 的新功能

在 1.1 版本中,我们已经修复了链条的一些问题,并使它们能够处理更多的视图。您可以通过在两边添加约束来生成一个链条。例如在下面这个动画中,每个视图之间都有一个约束。 ?...通过 spread,spread_inside 和 packed,链条能够让您配置如何布置多个相关的视图。...profile.visibility = GONE profile.visibility = VISIBLE 圆形约束 在约束布局中,大多数约束由屏幕尺寸指定——水平和垂直。...您不必提供水平和垂直边距,而是指定圆的角度和半径。这对于像径向菜单这样的角度偏移的视图将非常有用! ? 您可以通过指定要偏移的半径和**角度来创建径向菜单。...chains:目前正在实验阶段,并计算出如何布置固定尺寸的元素链。

1.5K20

【约束布局】ConstraintLayout 约束布局 ( 简介 | 引入依赖 | 基本操作 | 垂直定位约束 | 角度定位约束 | 基线约束 )

相对 定位 约束 ( 1 ) 相对定位 简介 ( 2 ) 垂直方向 约束 图解 ( 3 ) 垂直方向 约束 图解 ( 4 ) 开始 结束 约束 图解 4....布局编辑器 是专门针对 ConstraintLayout 的属性进行开发的 ; 因此可以完全使用拖控件的方式 进行 布局编辑 , 代替之前的 XML 编辑方法 ; ( 官方这么说的 , 感觉纯属扯淡 ,...3.原理 : 每个 约束 ( Constraint ) 都定义了 该 View 沿水平 或 垂直 方向的位置 , 因此 每个 View 都必须在 水平 或 垂直 方向上 含有一个约束 , 大部分情况下..., 其 目标组件的约束 也必须是垂直方向的 ; 同理 水平方向的约束 , 其目标组件的约束 也 必须是水平方向的 ; ---- ( 2 ) 垂直方向 约束 图解 相对定位 垂直方向 约束 图解 : 1...> 4.效果展示 : 5.角度 备注 : 目标组件 垂直 向上 方向 是 0 度 ; 角度是 两个 组件 中心点 连线 与 垂直向上方向的角度 ; ① 正上方配置 : 如果 配置 0 度

3.4K41

深入浅出,官方文档看ConstraintLayout

当相同方向上(横向或纵向),控件两边同时向ConstraintLayout添加约束,情况就会像图 4所示的这样。 ? 而代码的书写是这样的: ?...这里说明一下:如果在居中方向上(横向或纵向)控件的尺寸和ConstraintLayout的尺寸一样,那么就无所谓居中了,此时约束的存在是没有意义的。...可见性的表现 ConstraintLayout对可见性被标记View.GONE的控件(后称“GONE控件”)有特殊的处理。...一般情况下,GONG控件是不可见的,且不再是布局的一部分,但是在布局计算上,ConstraintLayout与传统布局有一个很重要的区别: 传统布局下,GONE控件的尺寸会被认为是0(当做点来处理) 在...属性layout_constraintHorizontal_height和layout_constraintVertical_weight控制使用MATCH_CONSTRAINT的元素如何均分空间。

94940

ConstraintLayout_1:可视化拖拽布局

那么下面我们就来给Button添加约束,每个控件的约束都分为垂直和水平两类,一共可以在四个方向上给控件添加约束,如下图所示。...image.png 然后我们希望让这两个按钮在水平方向上居中显示,在垂直方向上都距离底部64dp,那么就需要先添加一个垂直方向上的Guideline,如下图所示。...首先点击通知栏中的Guidelines图标可以添加一个垂直或水平方向上的Guideline,这里我们需要的是垂直方向上的。...而Guideline默认是使用的dp尺,我们需要选中Guideline,并点击一下最上面的箭头图标将它改成百分比尺,然后将垂直方向上的Guideline调整到50%的位置,这样就将准备工作做好了。...这样就实现了让两个按钮在水平方向上居中显示,在垂直方向上都距离底部64dp的功能了。 自动添加约束 不过如果界面中的内容变得复杂起来,给每个控件一个个地添加约束也是一件很繁琐的事情。

1.3K20

Android新特性介绍,ConstraintLayout完全解析

那么下面我们就来给Button添加约束,每个控件的约束都分为垂直和水平两类,一共可以在四个方向上给控件添加约束,如下图所示。 ?...然后我们希望让这两个按钮在水平方向上居中显示,在垂直方向上都距离底部64dp,那么就需要先添加一个垂直方向上的Guideline,如下图所示。 ? 我来对上图中的操作进行一下解释。...首先点击通知栏中的Guidelines图标可以添加一个垂直或水平方向上的Guideline,这里我们需要的是垂直方向上的。...而Guideline默认是使用的dp尺,我们需要选中Guideline,并点击一下最上面的箭头图标将它改成百分比尺,然后将垂直方向上的Guideline调整到50%的位置,这样就将准备工作做好了。...这样就实现了让两个按钮在水平方向上居中显示,在垂直方向上都距离底部64dp的功能了。 自动添加约束 不过如果界面中的内容变得复杂起来,给每个控件一个个地添加约束也是一件很繁琐的事情。

1.8K70
领券