Android 几种布局设置Gone时注意事项

最新推荐文章于 2022-11-07 12:36:54 发布
最新推荐文章于 2022-11-07 12:36:54 发布
阅读量2.1k 收藏
点赞数 2
分类专栏： Android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jetqiao/article/details/120132898
版权

Android 几种布局设置Gone时注意事项

需要实现的功能

在这里插入图片描述
在Android ui 中我们需要经常实现这种样式的布局，大家拿到UI设计的图稿中，第一反应会去想怎么做，怎么实现。
上图中比较常见的布局可以用

LinearLayout（线性）
RelativeLayout （相对）
以及Google推荐的ConstraintLayout （约束）

之前写代码的时候，我优先考虑的是相对布局，但当我把最右侧的更多按钮设置为gone的时候发生了没有遇到过的问题。

RelativeLayout相对布局设置gone

相对布局完成上图代码如下：

   <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="50dp">

            <ImageView
                android:id="@+id/img_back"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_alignParentStart="true"
                android:layout_centerVertical="true"
                android:layout_marginStart="20dp"
                android:scaleType="center"
                android:src="@drawable/ic_back" />


            <!--更多-->
            <ImageView
                android:id="@+id/img_more"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_alignParentEnd="true"
                android:layout_centerVertical="true"
                android:layout_marginEnd="20dp"
                android:src="@drawable/ic_more" />

            <!--分享-->
            <ImageView
                android:id="@+id/img_share"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_centerVertical="true"
                android:layout_marginEnd="15dp"
                android:layout_toStartOf="@+id/img_more"
                android:src="@drawable/ic_share" />

            <!--点赞-->
            <ImageView
                android:id="@+id/img_praise"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_centerVertical="true"
                android:layout_marginEnd="15dp"
                android:layout_toStartOf="@+id/img_share"
                android:src="@drawable/ic_praise" />


            <!--收藏-->
            <ImageView
                android:id="@+id/img_collection"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_centerVertical="true"
                android:layout_marginEnd="15dp"
                android:layout_toStartOf="@+id/img_praise"
                android:src="@drawable/ic_collection" />

        </RelativeLayout>

在这里插入图片描述
大家会发现，后面几个按钮都是相对于最后一个更多按钮去逐步布局，更多按钮设置为相对于最右侧布局。相当于给其他按钮设置了约束的条件。但当我们将更多按钮设置为Gone，那其他按钮就会失去这个约束，运行效果如下图：
在这里插入图片描述
我们会发现其他按钮消失，只留了一个分享按钮。如果要解决这个问题，我们需要在分享按钮加上一行代码

 android:layout_alignWithParentIfMissing="true"

 			<!--分享-->
            <ImageView
                android:id="@+id/img_share"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_alignWithParentIfMissing="true"
                android:layout_centerVertical="true"
                android:layout_marginEnd="15dp"
                android:layout_toStartOf="@+id/img_more"
                android:src="@drawable/ic_share" />

运行效果为：
在这里插入图片描述
这样大家可以看到，更多按钮Gone掉了，其他按钮也出现在了我们需要的位置。
但也会出现同一个问题：如果分享按钮也设置Gone，点赞按钮也设置Gone。这些都会出现上面的问题。我们需要在每个按钮都加上android:layout_alignWithParentIfMissing="true"。

LinearLayout线性布局设置Gone

代码如下：

 <!--线性布局设置-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_gravity="center_vertical"
            android:gravity="center_vertical">

            <ImageView
                android:id="@+id/img_ll_back"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_marginStart="20dp"
                android:scaleType="center"
                android:src="@drawable/ic_back" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="end"
                android:orientation="horizontal">

                <!--收藏-->
                <ImageView
                    android:id="@+id/img_ll_collection"
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:layout_marginEnd="15dp"
                    android:src="@drawable/ic_collection" />

                <!--点赞-->
                <ImageView
                    android:id="@+id/img_ll_praise"
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:layout_marginEnd="15dp"
                    android:src="@drawable/ic_praise" />


                <!--分享-->
                <ImageView
                    android:id="@+id/img_ll_share"
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:layout_marginEnd="15dp"
                    android:src="@drawable/ic_share" />


                <!--更多-->
                <ImageView
                    android:id="@+id/img_ll_more"
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:layout_marginEnd="20dp"
                    android:src="@drawable/ic_more" />
            </LinearLayout>

        </LinearLayout>

线性布局相对简单，当我们将更多按钮设置为Gone时也没出现相对布局出现的问题，正常显示我们需要的样式

  				<!--更多-->
                <ImageView
                    android:id="@+id/img_ll_more"
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:layout_marginEnd="20dp"
                    android:src="@drawable/ic_more"
                    android:visibility="gone" />

其他按钮设置为gone时，也正常显示我们需要的样式
在这里插入图片描述

ConstraintLayout约束布局设置Gone

代码实现如下：

  <!-- 约束布局-->
        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="50dp">

            <ImageView
                android:id="@+id/img_cl_back"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_marginStart="20dp"
                android:scaleType="center"
                android:src="@drawable/ic_back"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

            <!--更多-->
            <ImageView
                android:id="@+id/img_cl_more"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_marginEnd="20dp"
                android:src="@drawable/ic_more"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

            <!--分享-->
            <ImageView
                android:id="@+id/img_cl_share"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_marginEnd="15dp"
                android:src="@drawable/ic_share"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toStartOf="@+id/img_cl_more"
                app:layout_constraintTop_toTopOf="parent" />

            <!--点赞-->
            <ImageView
                android:id="@+id/img_cl_praise"
                android:layout_width="20dp"
                android:layout_height="20dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toStartOf="@+id/img_cl_share"
                app:layout_constraintTop_toTopOf="parent"
                android:layout_marginEnd="15dp"
                android:src="@drawable/ic_praise" />

            <!--收藏-->
            <ImageView
                android:id="@+id/img_cl_collection"
                android:layout_width="20dp"
                android:layout_height="20dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toStartOf="@+id/img_cl_praise"
                app:layout_constraintTop_toTopOf="parent"
                android:layout_marginEnd="15dp"
                android:src="@drawable/ic_collection" />

        </androidx.constraintlayout.widget.ConstraintLayout>

在这里插入图片描述
我们可以看到，其他的按钮也是逐步受到约束。
当我们将更多按钮以及其他按钮设置为Gone,发现正常显示我们需要的样式。
当我们使用代码提示时，会发现这几个属性
在这里插入图片描述

注意：这几个属性是给约束这个View的View 设置为Gone时，会生效。
理解为：我给ViewA 做为ViewB的约束条件，当ViewA 设置为Gone时，ViewB设置了app:layout_goneMarginEnd="20dp"这个属性（或其他），那ViewA 原先的位置会空出相应dp的位置

我们给更多按钮设置Gone,给分享按钮设置app:layout_goneMarginEnd="40dp"
在这里插入图片描述
运行效果如下：
在这里插入图片描述

我们发现原先更多按钮消失，并留下了40dp的留白。
其他属性同理。

总结

大家可以根据具体项目需求，来选择相应的布局。
如果功能简单，则建议用线性布局，也可以用google 推荐的约束布局，但约束布局需要写的条件较多，不及线性布局简洁。布局相对较多，或者有重叠功能的布局，建议用约束布局或相对布局。

JetQiao
关注
专栏目录
Android Spinner 详解（背景和原理、特性和优缺点、注意事项和基本用法以及自定义Spinner）
半夏微凉科技
06-04 529
在Android开发中，Spinner是一种常用的用户界面元素，用于从预定义的数据集合中选择一个项目。它通常显示为一个下拉列表，用户可以点击下拉箭头以展开列表，并从中选择一个选项。Spinner通常用于实现选择器、筛选器等功能，为用户提供了一种简单而直观的交互方式~~~
Android 视图与五大布局
LoverLeslie的博客
06-06 4713
一、view视图的共有属性   1.宽高形式： android:layout_width="xx" android:layout_height="xx" 2. 宽高属性：     *固定值单位 dp (距离单位) sp(字体大小单位) px(像素不推荐使用)     *match-parent (fill-parent) 填充满父布局     *wrap-count 内容显示多少 ...
android layout空白,AppBarLayout动态设置View.GONE的空白占位问题
weixin_35937871的博客
05-27 632
遇到关于AppBarLayout的一个坑点，估计会遇到的人也会不少，但网上这方面解决方案资料空白，特地再次记录。布局就是标准的 ·CoordinatorLayout· 嵌套布局，隐藏掉无关代码， 结构如下：android:id="@+id/app_bar">android:id="@+id/toolbar_layout">android:id="@+id/toolbar"/>a...
android gone 空白,android:visibility="gone" (动画布局入的一次坑)
weixin_34543510的博客
05-31 1362
#写在前面：觉得简单可以不看，博客本来就是记录心得的地方。往往有些很简单的东西，要搞上半天，如果能对别人有借鉴作用，从大处说，也是节约了别人的时间，提供了思路。#1、想要的效果：按设定的透明按钮点击下一步，先要显示一个图片，然后在下方出现一个行文字(也是一个线性布局)。继续点击，下方那行布局不变，图片切换(即让本来的图片gone，另外的一个图片出现并visible)。(之后的动画省略)2、解决时间...
android gone 获取高度,Android View未显示时获取其高度
weixin_42117116的博客
05-26 721
很多时候，我们这样来获取一个View的高度int height=view.getHeight()这个view处于显示状态的时候，并没有什么问题。然而，当View处于View.VISIBLE或者View.GONE又或者你new了一个PopupWindow，但是还没show的时候，这时候你去取view的高度，你就会发现，总是取到的是0。那么怎么办呢？叫view计算一下高度就OK了。public int...
【约束布局】ConstraintLayout 组件可见性 View.GONE 处理 与 Margin 属性
ZyClient的博客
12-30 2642
很久没写文章了，但是针对今天这篇文章还是值得记录下，供大家参考学习，目前布局中用ConstraintLayout（简称cons）应该很常见了，至于为什么要用这个布局，我想大家用过的都知道cons没有出现之前稍微复杂点的界面就各种嵌套，对于维护，修改也不是很方便。cons它作用就是控件与控件直接约束，不需要额外的嵌套。好了说下今天的正题： 1.首先了解下cons中的Margin属性: cons中用Margin属性必须有个条件就是约束，比如你要设置marginStart=15dp.那么你必须有个横向约束，要
android中的gone、visible、和invisible
石佛永不老
03-20 891
在设置控件可见与否时，会遇到这几个参数 gone和invisible都是用来不可见的，gone表示不保留其位置，invisible为保留其位置
【Android】毫无耦合性，一个Item根布局搞定 item侧滑删除菜单，像IOS那样简单的使用侧滑删除。
热门推荐
zxt0601的博客
08-24 3万+
【Android自定义ViewGroup】不一样的轮子，巧用类变量解决冲突，像IOS那样简单的使用侧滑删除，一个控件搞定Android item侧滑删除菜单。 包含且不仅包含以下功能： 1 侧滑拉出菜单。 2 点击除了这个item的其他位置，菜单关闭。 3 侧滑过程中，不许父控件上下滑动。 4 多指同时滑动，屏蔽后触摸的几根手指。 5 不会同时展开两个侧滑菜单。 6 侧滑菜单时 拦截了长按事件。
android按钮几秒消失
10-14
在Android开发中，控件的动态显示与隐藏是常见的需求之一，尤其是在实现动画效果、响应用户交互或根据应用状态变化调整界面布局时。本文将详细探讨如何在Android中实现按钮在指定时间后自动消失的功能，这涉及到对...
webview的使用和注意事项
android_nongmin的博客
11-30 1885
webview的使用和注意事项webview的使用和注意事项1 webview 使用1.加载页面2.WebView的生命周期3、WebView的一些常用方法4、WebView的常用工具类4.1 WebSettings：对WebView进行配置和管理。4.2 WebViewClient：处理各种通知和请求事件。4.3 WebChromeClient：辅助 WebView 处理 Javascript 的对话框，网站图标，网站标题等等。4.4.1 设置cookie，若两次设置相同，则覆盖上一次的4.4.2 获取c
android gone和invisible 被忽略的区别
qq_16246789的博客
08-22 585
gone 不占位的隐藏，内存不足时，资源会被优先回收掉，再次显示时会重新绘制invisible 占位的隐藏，不会被优先回收，再次显示时不会重新绘制
Android ViewStub, Gone & Invisible
kimi985566的博客
04-13 589
1. invisible view设置为invisible时，view在layout布局文件中会占用位置，但是view为不可见，该view还是会创建对象，会被初始化，会占用资源。 2. gone view设置gone时，view在layout布局文件中不占用位置，但是该view还是会创建对象，会被初始化，会占用内存等资源。 3. ViewStub ViewStub是一个轻量级的V...
barrier解决gone后导致失去约束问题
weixin_44075369的博客
01-09 1337
如下有3个按钮,按钮2依赖于1和3 如果2gone掉,那么3将会覆盖掉1 解决: 设置一道屏障,将按钮2加入到屏障中,按钮3顶部依赖于屏障.这样,gone掉按钮2后,按钮3将无法覆盖按钮1 代码: <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.andro
android view.gone 动画,android – 如何动画View.setVisibility(GONE)
weixin_28358083的博客
05-25 636
似乎没有一种简单的方法通过API来做到这一点，因为动画只是改变视图的渲染矩阵，而不是实际的大小。但是我们可以设置一个负边距来愚弄LinearLayout，认为视图越来越小。所以我建议创建你自己的Animation类，基于ScaleAnimation，并重写“applyTransformation”方法来设置新的边距和更新布局。喜欢这个…public class Q2634073 extends A...
Android 对LinearLayout进行设置View.GONE可是里面的子控件还是会显示
无论何时都不要停止学习，这是改变自己的必要条件
03-31 5637
<LinearLayout android:id="@+id/sound_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center_horizontal"> <Ima
Android setVisibility参数VISIBLE, GONE, INVISIBLE区别
JSmen_LBG的专栏
02-11 1386
View有一个方法setVisibility，作用是可以控制视图的显示和隐藏，int类型的参数可以传入三种值View.VISIBLE, View.GONE, View.INVISIBLE，其中VISIBILE表示设置视图显示，GONE和INVISIBLE设置视图隐藏，区别在于前者隐藏后不占用视图空间，而后者隐藏后依然占用视图空间。
窗口跳转与传递数据
最新发布
XLLLXX的博客
11-07 113
基础
Android 使用View Gone 与 ViewStub的区别
阿姆斯特哩的博客
12-04 574
https://blog.csdn.net/wolinxuebin/article/details/82726517 一、结论 为了部分同学迅速查找结果，所以把结论放在第一段。 区别如下： 设置为GONE的View不会占用布局空间，但是会进行类的初始化；如ImageView 将src设置为一个BitmapDrawable，那么该图片将会加载到内存中，ViewStub只有在代码中进行infla...
《Android开发艺术探索》读书笔记 (7) 第7章 Android动画深入分析
weixin_34356555的博客
12-08 102
本节和《Android群英传》中的第七章Android动画机制与使用技巧有关系，建议先阅读该章的总结 第7章 Android动画深入分析 7.1 View动画 (1)android动画分为view动画、帧动画和属性动画，属性动画是API 11(Android 3.0)的新特性，帧动画一般也认为是view动画。(2)AnimationSet的属性android:shareInterpolato...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值