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

当CL的高度设置为wrap_Content时,为什么坐标布局( CL )隐藏了浮动操作按钮的一半?

当CL的高度设置为wrap_Content时,坐标布局(CL)隐藏了浮动操作按钮的一半的原因是因为wrap_Content会根据其内部内容的实际大小来确定自身的高度。当浮动操作按钮位于CL的底部时,CL的高度会根据按钮的高度来确定,而按钮的一半会超出CL的可见区域,从而导致按钮的一半被隐藏。

为了解决这个问题,可以考虑以下几种方法:

  1. 将CL的高度设置为固定值:可以将CL的高度设置为一个固定的数值,确保其能够容纳浮动操作按钮的完整高度,从而避免隐藏一半的按钮。
  2. 调整浮动操作按钮的位置:可以将浮动操作按钮的位置调整到CL的可见区域内,确保按钮完全显示在CL中。
  3. 使用其他布局方式:可以考虑使用其他布局方式,如LinearLayout或RelativeLayout,来替代坐标布局(CL),以避免隐藏浮动操作按钮的一半。

需要注意的是,以上方法仅为解决该问题的一些常见做法,具体的解决方案还需根据实际情况进行调整。另外,腾讯云提供了丰富的云计算产品和服务,可以根据具体需求选择适合的产品,具体信息可以参考腾讯云官方网站:https://cloud.tencent.com/。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Android开发笔记(一百三十四)协调布局CoordinatorLayout

协调布局的含义,指的是内部控件互相之前的动作关联,比如在A视图的位置发生变化之时,B视图的位置也按照某种规则来变化,仿佛弹钢琴有了协奏曲一般。...FloatingActionButton FloatingActionButton是design库提供的一个酷炫按钮,它继承自ImageButton,,除了图像按钮的所有功能之外,还提供了以下的其它功能...: 1、FloatingActionButton会悬浮在其他视图之上,即使别的视图在布局文件中位于FloatingActionButton后面; 2、在隐藏、显示按钮上时会播放动画;其中隐藏操作是调用hide...活用提示窗Toast和Snackbar》; 下面是悬浮按钮自隐藏和显示时的动画效果截图: ?...setPeekHeight : 设置弹窗的预览高度,即setState取值STATE_COLLAPSED时设定的折叠高度。 setHideable : 设置弹窗是否允许隐藏。

2.2K30
  • ConstraintLayout 入门指南

    chainStyle为spread; chain中控件设置了layout_constraintHorizontal_weight参数; chain中控件都需要将layout_weight设置为0dp(2.3.../ 高,且布局时优先满足设置为wrap_content的控件; e.g:将示例中的控件C layout_width设置为wrap_content: Weighted Chain中的控件既不设置constraint_weight...,也不在chain方向上将边设置为wrap_content,那么该控件将被隐藏; 如果Weighted Chain中的控件在chain方向上设置了margin,margin的距离将计算入该控件实际占有的布局范围...简单的性能测试 官方称,CL相较于RL,在onMeasure() / onLayout()上的性能开销提升了40%: 为此,笔者也做了一个简单的性能试验来验证: 分别用CL和RL构造了一个3 × 2的相对布局矩阵...个人开发体验 使用CL开发也有一段时间了,个人觉得CL与RL、LL、TL这些老前辈相比,在按比例布局、线性布局上面的支持更加完善,相关开发痛点可以用较少的xml描述完成了。

    2.5K00

    Android MVVM框架搭建(八)高德地图定位、天气查询、BottomSheetDialog

    aMap.setMyLocationEnabled(true);// 设置为true表示启动显示定位蓝点,false表示隐藏定位蓝点并不进行定位,默认是false。...: 当收位置信息改变时,进行坐标的搜索,在onMyLocationChange中添加如下代码: //创建一个经纬度点,参数一是纬度,参数二是经度 LatLonPoint...:   这里我先把这个按钮给隐藏了,当地图上获取了当前的位置,查询到了天气之后再显示这个按钮。...); 这样做就是让我们的浮动按钮不至于挡住这个地图的放大缩小按钮。...,出现弹窗后就隐藏浮动按钮,然后我们对弹窗的样式进行了修改,同时绑定数据,设置数据到xml中,在再配置列表数据和适配器,最后是设置背景透明,以及弹窗消失时显示浮动按钮。

    1.9K30

    Android开发笔记(一百三十五)应用栏布局AppBarLayout

    对于大家关心的额外功能,则主要有以下几点: 1、支持响应主体页面的滑动行为,即在主体页面上移或者下拉时,AppBarLayout能够捕捉到主体页面的滚动操作; 2、AppBarLayout捕捉到滚动操作之后...2、AppBarLayout内部的高度也可能变化,比如它嵌套了可折叠工具栏布局CollapsingToolbarLayout,有关可折叠工具栏布局的详细介绍参见《Android开发笔记(一百三十六)可折叠工具栏布局...既然AppBarLayout的高度是变化的,那也得区分是滚一半还是滚全部。...具体的滚动说明如下所示: 向上滚动:头部先往上收缩,一直滚到折叠的最小高度。然后头部与主体先一起滚动,头部滚到位后,主体继续向上。 向下滚动:头部与主体先一起滚动,一直滚到头部折叠的最小高度。...5、snap : 在用户手指松开时,系统自行判断,接下来是全部向上滚到顶,还是全部向下展开。 点击下载本文用到的应用栏布局的工程代码 点此查看Android开发笔记的完整目录

    2K40

    六天完成一个简单iOS App - 第二天

    关于三个button添加约束的方法:可以先设置中间按钮约束,然后约束三个按钮相互之间的间距为0。左边按钮与屏幕左边间距为0,右边按钮与屏幕右边为0,高度相同。最后约束三个按钮平分屏幕宽度。...❌号和注册账号布局 第一部分的布局非常简单,这里有一个注意点:UIButton 当只有一张图片显示的时候 ,建议使用image而不要设置背景图片,因为背景图片的设置会看按钮有多大就将图片拉伸到大,图片会被拉伸...当设置image时图片不会变形,并且可以放大按钮的点击范围。所以这里的❌号选择设置UIButton的image,而不是backgroundImage。 3....账号密码输入框登录按钮布局 这部分的布局也很简单,这里图片中提供了textfield的背景图片,所以这里我们先用UIImageView将背景图片显示,然后在在图片上添加一个透明的textfield,所以...切换占位文字颜色颜色 当textfield处于未编辑状态时,占位文字颜色为灰色,当textfield处于编辑状态时,占位文字颜色为白色 ?

    2.1K50

    Android开发笔记(一百四十九)约束布局ConstraintLayout

    约束布局正是为了解决这些问题应运而生,它兼顾灵活性和高效率,可以看作是相对布局的升级版,在很大程度上改善了Android的用户体验。...画板上的控件拖动操作,三言两语说不清楚,还是观看具体的动图比较一目了然: ?...既然添加控件时可以通过布局参数指定控件位置,那么调整控件位置一样也可以通过布局参数来实现,基本流程依次为:先调用getLayoutParams方法获得当前的布局参数->再指定新的控件约束关系及间距->最后调用...方法,一次性指定存在约束关系的两个控件,以及它们的间距; 2、提供setMargin方法,允许单独设置上下左右某个方向的间距; 3、提供了渐变管理类TransitionManager,支持展示空间位置变化的切换动画...//设置该控件的约束高度 //set.constrainHeight(tv_first.getId(),ConstraintLayout.LayoutParams.WRAP_CONTENT

    2.1K20

    Android材料设计之FloatingActionButton+Snackbar+SheetX3

    本文把几个小东西讲一下 FloatingActionButton:浮动按钮 Snackbar:底弹框 BottomSheet:底抽屉 BottomSheetDialog :抽屉对话框 BottomSheetDialogFragment...rippleColor="@color/yase"/> 挂接view app:layout_anchor="@id/id_tv_moving" 3.使用:AppBarLayout+CoordinatorLayout篇的布局展示一下挂接...android.support.design.widget.CoordinatorLayout> ---- 3.改变Snackbar外观 1).追踪一下源码:getView() 可以发现把Snackbar的跟布局返回出来了...view.addView(child);//添加自己的View snackbar.show(); }); ---- 三、底部抽屉:bottom_sheet 个人感觉向抽屉,放一些小的功能按钮上面的感觉会不错...MyBSDFragment().show(getSupportFragmentManager(), "toly"); 好了,基本上FloatingActionButton+Snackbar+SheetX3的用法都涉及了

    93930

    Android开发笔记(一百二十七)活用提示窗Toast和Snackbar

    其实Toast的界面也允许开发者自行定制,只要定义好提示窗的布局文件,即可调用Toast类的setView方法设置自定义窗口画面。包括背景、对齐方式、窗口内部控件等等界面元素,均可由你自己定制。...下面是自定义提示窗的两个截图,分别展示了不同背景与不同对齐方式下的界面效果: ? ?...setText : 设置提示消息的文本内容。 setAction : 设置交互按钮的文本与点击监听器。 setActionTextColor : 设置交互按钮的文本颜色。...setDuration : 设置提示消息的显示时长。 show : 显示提示条。 下面是演示提示条的两个截图,分别展示了滑动取消提示条效果,以及点击交互按钮的界面效果: ? ?...下面是演示用的布局文件内容: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android

    60050

    Floating Action Button-Android M新控件

    概述 浮动操作按钮是Material Design 中推出的控件之一 浮动操作按钮 (简称 FAB) 是: “一个特殊的promoted操作案例。...浮动操作按钮代表一个屏幕之内最基本的额操作。关于FAB按钮的更多信息和使用案例请参考谷歌的官方设计规范。 运行效果 ?...---- 用法 谷歌在2015年的 I/O大会上公布了可以创建浮动操作按钮的支持库,但是在这之前,则须使用诸如makovkastar/FloatingActionButton 和 futuresimple...目前浮动操作按钮默认的behavior是为Snackbar让出空间,就如这个视频中的效果。...调整按钮类型 浮动操作按钮有两种大小:默认的,这应该是最常用的情况,以及mini的,这应该只用于衔接屏幕上的其他元素。 可以把FAB的按钮类型调整为“正常”或者“mini” ...

    1.5K40

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

    比如我们A按钮已经确定好位置了。我们现在要放B按钮,就像我们上面说的,我们B按钮的二个边的位置,我们可以设置让B按钮的左边靠着A按钮的右边(相当于B按钮的左边与A按钮的右边处于同一位置)。...android:minHeight设置布局的最小高度 android:maxWidth设置布局的最大宽度 android:maxHeight设置布局的最大高度 复制代码 这些最小和最大尺寸将在ConstraintLayout...尺寸(也就是0dp)(在1.1中添加) 设置为MATCH_CONSTRAINT时,默认是大小是占用所有可用空间。...Ratio可以设置为: 浮点值,表示宽度和高度之间的比率 “宽度:高度”形式的比率 如果两个维都设置为MATCH_CONSTRAINT(0dp),则也可以使用比率: 在这种情况下,系统设置满足所有约束条件的最大尺寸并保持指定的宽高比...(换句话就是说弄了一个隐藏的View,来约束我们的控件,我们的控件相对的就更容易进行位置定位)。

    1.7K20

    CSS的盒子模型

    css中一共有三种手段,使一个元素脱离标准文档流: 1) 浮动 2) 绝对定位 3) 固定定位 浮动 浮动是css里面布局用的最多的属性。 ?...浮动想学好,一定要知道三个性质。 浮动的元素脱标 证明1: ? 证明2: 一个span标签不需要转成块级元素,就能够设置宽度、高度了。所以能够证明一件事儿,就是所有标签已经不区分行内、块了。...,且没有设置宽度,那么将自动缩紧为内容的宽度: ?...第二个div中的li,去贴第一个div中最后一个li的边了。 原因就是因为div没有高度,不能给自己浮动的孩子们,一个容器。 清除浮动方法1:给浮动的元素的祖先元素加高度。...清除浮动方法2:clear:both; 网页制作中,高度height很少出现。为什么?因为能被内容撑高!那也就是说,刚才我们讲解的方法1,工作中用的很少。

    1.2K30

    Android MVVM框架搭建(九)TabLayout、ViewPager、城市地图天气切换

    (GravityCompat.END)); 这里点击按钮是显示这个抽屉页面,这里设置是从屏幕右侧打开,如果不设置则默认是从左侧打开,因为我们在布局中设置抽屉的位置在右侧。...然后就是抽屉的监听,打开和关闭需要控制浮动按钮的显示和隐藏。...调用的地方当然还是在onDistrictSearched方法中,如下图所示: 这里我在nameList的size为0时去调用这个地址转坐标的方法,为什么呢?...因此到这里时,再点击时就调用这个方法,去进行地址转坐标,让我们试试看,坐标是什么,我测试的城市是:广东省、深圳市、宝安区、沙井街道,得到的经纬度是:坐标:113.830294,22.735361 这说明成功了...有了坐标之后就是改变地图的中心点,我当然是希望我切换到哪里就地图移动到哪里了。

    1.5K20

    六天完成一个简单iOS App - 第三天

    当服务器返回的数据过多,而我们只使用其中很少一部分时,没有用的属性就没有必要定义成属性了。...数据请求成功接下来就是子控件的布局,子控件的布局就是很简单的九宫格布局,需要注意的一点是,我们需要设置footView的高度就等于最后一个子控件的最大Y值,并且在tableView中,cell显示完毕后...如下图: 20的距离 解决的方法非常简单,当设置完footView的高度之后,拿到tableView重新刷新一下tableView就可以了 // 布局子控件 -(void)createSquare:(NSArray...复用到下面的cell时,需要去掉右边箭头,当清除缓存cell重新加载时,又需要加上右边箭头,并且清除缓存内部是需要做清除缓存功能的,而其他cell不需要这个功能,所以当一个cell是特有的,与其他cell...并且当正在计算时,将第一行cell滑出屏幕,在返回时发现小菊花已经不在了,我们可以通过重写cell的layoutSubviews,重新设置cell小菊花start,因为每当cell显示的时候都会调用layoutSubviews

    899110

    Android 高德地图API(详细步骤+源码)三

    其实我说的还算简单了,里面的步骤还会有很多的细化过程,好了,当前的重点不是这个地理编码吗?下面我也模仿一下,通过输入框输入地址,然后得出它的经纬度坐标。...监听是点击回车键,同时判断是否为抬起,因为按键是两个动作,按下和抬起,如果不判断就出触发两次事件,然后判断输入是否为空,不为空则隐藏软键盘,构建GeocodeQuery对象,这里有一个地址,还有一个城市...④ 删除标点Marker 修改一下布局的代码, 的按钮,当点击地图时显示这个浮动按钮,然后点击按钮时清空地图,当然这个清空要稍微麻烦一点,特别是你地图上有多个标点的时候。...⑨ 改变地图中心点   我们在实际使用中通常会有这样的操作,希望点击一下就可以移动到所在地,这其实是比较容易做到的,回顾我们现在是一进入地图就会定位到当前所在地,而当我点击地图上其他位置时,会增加一个标点

    3.9K31

    六天完成一个简单iOS App - 第六天

    但是这里存在两个问题 此时最热评论虽然没有了,但是那部分会被空出来,这是因为我们之前对cell的高度进行了缓存,当设置cell高度时,发现cellHeight不为零,则直接返回高度,不会重新计算。...因此我们这里将cellHeight设置为0,当设置cell的cellHeight时就会重新计算cellHeight。...发表页面 考虑到发表页面内部按钮点击事件较为复杂,发表页面使用控制器,点击加号按钮moda出发表页面控制器,至于发表页面内容的布局和赋值不在赘述,6个button有一个飞出动画,逐个从底部飞出到页面上,...其实现原理为: 布局button时,先将button放在现在的位置上,然后设置button的transform下移一个屏幕的高度 btn.transform = CGAffineTransformMakeTranslation...,当scrollView中有一个以上的滚动视图时,将会失效。

    1.3K50

    【Android 应用开发】AndroidUI设计之 布局管理器 - 详细解析布局实现

    );  作用 : 设置垂直布局时两个按钮之间的分隔条; (3)对齐方式(控制内部子元素)   xml属性 : android:gravity;  设置方法 : setGravity(int);  作用...;  设置子元素属性 : 不带layout的属性是设置其所包含的子元素, 例如android:gravity 设置的是该容器子组件的对齐方式; LayoutParams属性 : 所有的布局管理器都提供了相应的...必须先调用View.measure()方法, 才可以, 否则也获取不到组件的宽高; 注意(特例) : 如果组件宽度或高度设置为 fill_parent, 使用 getMeasuredHeight() 等方法获取宽度和高度的时候..., 并且组件中含有子元素时, 所获取的实际值是这些组件所占的最小宽度和最小高度....纵向高度填满 : 如果布局时horizontal, 那么设置一个ImageView宽度2dp, 高度fill_parent, 设置一个背景色; <ImageView android:layout_width

    2.5K40

    【移动端网页布局】Flex 弹性布局案例 ② ( 顶部固定定位搜索栏 | 固定定位盒子居中对齐 | 二倍精灵图设置 | CSS3 中的垂直居中对齐 )

    ; 当浏览器的宽度小于最小宽度 , 则网页布局最小就是该 最小宽度 , 继续缩小显示布局布局 ; /* 设置最大和最小宽度 */ min-width: 320px; max-width...: 640px; 3、使用 Flex 弹性布局管理宽度 在搜索框中 , 左侧是搜索栏 , 右侧是搜索按钮 ; 右侧的搜索按钮始终都是 44x44 像素大小 ; 左侧的搜索栏随着网页布局的宽度变化而变化...: 缩小精灵图 : 在 Firework 中 , 将精灵图缩小一半 ; 测量坐标 : 在缩小一半的精灵图中测量坐标 ; 设置代码 : 将代码中的 background-size 缩小一半 , 也就是精灵图缩小一半...边框高度 - 内边距高度 ) 普通盒子模型中 , 设置垂直居中对齐时 , 直接设置 内容高度 = 行高 即可 ; 由于采用的是 CSS3 样式 , 该模式下 , 设置的 height 高度 = 内容高度...+ 边框高度 + 内边距 ; 如果要设置垂直居中 , 只能设置其中的 行高 = 内容高度 , 要把 2 像素的边框去掉 ; 因此在该 CSS3 样式中 , 高度设置为 26 像素 , 其中包括了 24

    38020
    领券