Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在不改变内部组件布局的情况下将父布局向右移动?

如何在不改变内部组件布局的情况下将父布局向右移动?
EN

Stack Overflow用户
提问于 2012-06-28 00:38:12
回答 2查看 1.8K关注 0票数 0

在我的应用程序中,我希望左侧有滑动式菜单,就像facebook一样。

在我的前一个问题中,我提出了同样的问题,多亏了这个答案,我可以找到一种使用这个图书馆将布局滑动到右边的方法。但是,我发现,库实际上并没有滑动布局,相反,它只获取屏幕截图,并将图像向右滑动,因为布局上的组件是不可点击的。我需要这些部件可以点击。因此,我尝试了一种新的方法来实现这一目标:将幻灯片菜单放在左边,将其默认可见性保持为View.GONE,并在左上角的“显示/隐藏菜单”按钮上显示它,如下图所示。

之前的布局:

现在,当我单击“显示/隐藏菜单”按钮时,布局类似于-

布局后:

正如您所看到的,右边的布局缩小了,因此按钮“一些其他视图”改变了它的宽度,即使我已经将android:minWidth属性设置为右侧的这两个按钮以及它的父RelativeLayout

因此,我的问题是,有没有办法在不改变内部组件的宽度/布局的情况下,将布局向右移动?因此,在我看来,无论在哪一个领域,它都将被可以在该区域填充的任何部分内容所填充。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-07-02 04:26:04

这个问题可以这样解决:

  • 使用内部创建framelayout :第一个左菜单有3个按钮,第二个布局包含其他两个按钮(显示/隐藏和其他视图)。这样,第二个布局就在菜单前面(因为它是fill_parent)。
  • 在“显示/隐藏”按钮的onClick中,执行翻译动画:假设您的菜单宽200 to,将第二个布局向右移动200。
  • 在onAnimationEnd中,将边距设置为第二个布局,如下所示: secondLayoutLayoutParams.setMargins(200,0,-200,0);

关闭菜单类似:将第二个布局向左移动200,并将所有边距设置为0。

通过设置页边距,您将避免按钮收缩。

希望它能帮上忙

票数 1
EN

Stack Overflow用户

发布于 2012-07-02 20:31:23

@Rajkiran -我有一个根布局,其中包含我的左右布局。

我的右布局将layout_height设置为'match_parent‘& layout_widht也设置为'match_parent’

现在,当我的左滑动面板出现在按钮点击,我重新设置我的右布局的宽度和高度的编程,以匹配根布局的宽度和高度。

这完美地将正确的布局向右移动,而不需要内部组件的结束。

为了通过编程改变高度和宽度,我使用了-

代码语言:javascript
运行
AI代码解释
复制
                rootLayoutParams = new LayoutParams(rootLayout.getWidth(), rootLayout.getHeight());

                rightLayout.setLayoutParams(rootLayoutParams);

希望它也能帮到你。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11240928

复制
相关文章
【Flutter】Flutter 布局组件 ( FractionallySizedBox 组件 | Stack 布局组件 | Positioned 组件 )
FractionallySizedBox 组件 : 可控制组件在水平/垂直方向上填充满父容器 ;
韩曙亮
2023/03/28
2.9K0
【Flutter】Flutter 布局组件 ( FractionallySizedBox 组件 | Stack 布局组件 | Positioned 组件 )
Flutter | 布局组件
布局类组件都会包含一个或多个组件,不同的布局类组件对子组件(layout)方式不同。在 Flutter 中 Element 树才是最终的绘制树,Element 树是通过 Widget 树来创建的 (通 Widget.createElement()) ,Widget 其实就是 Element 的配置数据。
345
2022/02/11
2.8K0
Flutter | 布局组件
子组件传对象给父组件_react子组件改变父组件的状态
sendData = () => { let data = ‘1234’; this.props.getData(data); //这个this,props.xxx 后面的xxx是是在父组件那使用的名字; }, 然后可以在render函数后使用这个方法或者另外定义一个事件去触发该方法进行传值,
全栈程序员站长
2022/10/04
3.1K0
Flutter 图片如何充满父布局
正常我们需要显示一张图片,会用到Image这个控件。 打个比方,我们加载一张本地的图片, 先看一下这个Image.asset的源码:
坑吭吭
2018/08/31
2.5K0
移动web开发之flex布局(弹性布局)
flex是flexible Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。
星辰_大海
2020/09/30
1.1K0
react子组件向父组件传递数据_react子组件改变父组件的状态
本博客代码是 React 父组件和子组件相互传值的 demo;实现封装一个折线图,折线图选择下拉框,获取下拉框点击的值并且传给父组件根据下拉框筛选的条件更新视图;效果图如下:
全栈程序员站长
2022/10/03
3.9K0
react子组件向父组件传递数据_react子组件改变父组件的状态
【Flutter】Flutter 布局组件 ( 布局组件简介 | Row 组件 | Column 组件 | SizedBox 组件 | ClipOval 组件 )
Row 组件相关参数 : Row 组件相当于线性布局 , 水平方向布局 , 组件从左到右 ;
韩曙亮
2023/03/28
2.4K0
【Flutter】Flutter 布局组件 ( 布局组件简介 | Row 组件 | Column 组件 | SizedBox 组件 | ClipOval 组件 )
移动端流式布局
width=device-width         //设置页面宽度等于设备物理宽度
赤蓝紫
2023/01/02
4620
移动端流式布局
.移动端常见布局
flex是flexible Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。
清出于兰
2020/10/26
8040
移动端布局笔记
设备像素比表示1个CSS像素(宽度)等于几个物理像素(宽度):DPR = 物理像素数 / 逻辑像素数
4O4
2022/04/25
6890
移动端布局笔记
移动开发-流式布局
一个px能显示的物理像素点的个数,称为物理像素比或屏幕像素比,1CSS像素=1物理像素
小城故事
2022/11/12
1.1K0
移动开发-流式布局
移动端布局(最全)
flex-wrap属性 flex-wrap属性用于设置当项目在容器中一行无法显示的时候如何处理。 nowrap:表示不换行 wrap:正常换行,第一个位于第一行的第一个 wrap-reverse:向上换行,第一行位于下方
编程张无忌
2021/01/26
1.9K0
移动端布局(最全)
移动开发-Flex布局
默认情况下,项目都排在一条线(又称”轴线”)上。flex-wrap属性定义,flex布局中默认是不换行的
小城故事
2022/11/12
1.3K0
02移动端布局
  一、rem      1、意义:当px固定宽度不能适应不同屏幕尺寸时,布局需要,从而产生rem      2、rem 和 em 区别           2.1 rem: root,以根节点(html)作为参照的尺寸           2.2 em: 根据父级font-size确定大小     1em = 1font-size(父级的 )      3、随着屏幕宽度的变化,改变HTML根元素font-size,从而控制rem值,从而达到相应效果(其他HTML子元素width等都是rem) functi
用户1148399
2018/01/09
8950
移动端布局攻略
作者:Tolonger 原文链接:https://www.jianshu.com/p/9e7e755ca281 除了百分比流式布局之外,rem布局占据了目前移动端布局的热潮。那么究竟这几种布局差别在哪里,对应的有什么效果,希望本文能给你一些有益的启示。除此之外还有响应式布局,固定宽度布局等。 百分比流式布局 这里面最知名的当属bootstrap框架的思路,他所有的组件以及模板ui均是百分比流式布局,单位为px.并且我们看到的大部分对移动端适配的页面也均是采用这种核心思想去做的,方法简单,多端共用,可以针对
前端教程
2018/03/05
1.5K0
移动端布局攻略
前端|BootStrap 布局组件
<span class=“glyphicon glyphicon-home”></span>
算法与编程之美
2020/06/03
3.6K0
细说移动端 经典的REM布局 与 新秀VW布局
说到前端页面的布局方案,可以从远古时代的Table布局说起,然后来到 DIV+CSS布局,之后有了Float布局,Flex布局,Column布局,Grid布局等等。
书童小二
2018/10/09
12.1K0
细说移动端 经典的REM布局 与 新秀VW布局
【Flutter】Flutter 布局组件 ( PhysicalModel 组件 )
代码示例 : PhysicalModel 组件裁剪 PageView 组件 , 将 PageView 组件裁剪成圆角矩形样式 ;
韩曙亮
2023/03/28
1.4K0
【Flutter】Flutter 布局组件 ( PhysicalModel 组件 )
Flutter(四)--常用布局组件Flutter(四)--常用布局组件
常用组件 控件 特点 container(容器) 可以给组件添加padding、margin、border、bgColor、bdImage参考 GridView 容纳大量数据的可滚动的网格;按需渲染、类似于tableview的cell的复用;参考 ListView 容纳大量数据的可滚动的列表; Stack 重叠组件,无法滚动 ---- Material组件 控件 特点 Card 将相关组件放到card里,该组件带有圆角和阴影,无法滚动 ListTitle(ListView常用) 带有标题和副标题的行,首尾
用户8893176
2021/08/09
7360
【移动端网页布局】移动端网页布局基础概念 ⑪ ( 移动端布局方式 | 流式布局 | 弹性布局 | 媒体查询布局 | Webkit 样式初始化 | 引入初始化样式文件 | CSS 特殊样式处理 )
移动端网页的宽度 就是 屏幕宽度 , 不需要设置版心宽度 , 但是 页面必须进行尺寸适配 , 这就引入了如下几种页面布局方式 :
韩曙亮
2023/04/30
9320

相似问题

内部布局比父布局大

11

Blazor父组件布局

120

LinearLayout内部布局与父级不匹配

11

如何在布局中移动组件?

33

如何在改变路线的情况下不破坏负载布局组件

14
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档