如何流畅地设置布局高度
设置布局高度的流畅方法取决于具体的开发环境和需求。以下是一些常见的方法：
- 使用CSS的height属性：可以通过设置元素的height属性来指定布局的高度。可以使用固定值（如像素）或相对值（如百分比）来定义高度。这种方法适用于静态布局，不需要根据内容进行调整。
- 使用CSS的flexbox布局：flexbox是一种强大的布局模型，可以实现灵活的高度设置。通过设置容器的display属性为flex，并使用flex-direction、flex-wrap和align-items等属性来控制子元素的布局和高度。这种方法适用于动态布局，可以根据内容自动调整高度。
- 使用CSS的grid布局：grid布局是另一种强大的布局模型，可以实现复杂的高度设置。通过设置容器的display属性为grid，并使用grid-template-rows和grid-template-areas等属性来定义行的高度和布局。这种方法适用于复杂的网格布局，可以精确控制每个单元格的高度。
- 使用JavaScript动态计算高度：如果需要根据特定条件或动态内容来设置布局高度，可以使用JavaScript来计算和设置高度。可以使用DOM操作方法（如getElementById）获取元素，并使用元素的style属性来设置高度。可以根据需要使用不同的算法和条件来计算高度。
需要注意的是，不同的布局方法适用于不同的场景和需求。在选择和使用布局方法时，需要考虑到浏览器兼容性、性能和可维护性等因素。在腾讯云的产品中，可以使用云服务器（CVM）来部署和运行网站或应用程序，使用云数据库（CDB）来存储和管理数据，使用云存储（COS）来存储和分发静态资源等。具体的产品介绍和链接地址可以在腾讯云官网上找到。
相关·内容
3回答
我在生成HTML/CSS布局时遇到问题。考虑这一点的最好方法是采用正常的水平居中页面布局。我只想让一个div从居中布局延伸到浏览器窗口的右边缘。
这应该可以流畅地与浏览器窗口大小调整一起工作。
浏览 0提问于2012-10-28得票数 2
回答已采纳
1回答
如何在不指定height=100%或height=auto的情况下，流畅地调整网页内容容器的大小？正如你们中的一些人所知道的，它有时会像这样正常工作:/就像下面这样：
，designshack.co.uk
还是在facebook上？
在designshack和nettuts上，我甚至无法拆分布局。
浏览 0提问于2010-07-14得票数 0
3回答
响应式2列2行布局
、、、
我一直在试图弄清楚如何创建这个布局，我有一个2列的布局，左侧有1行，右侧有2行。我正在尝试让它流畅地调整。我遇到麻烦的是，我希望右侧顶部图像的顶部与左侧图像的顶部对齐，而底部图像的底部与左侧图像的底部保持对齐。我应该用桌子吗？
这是我到目前为止所拥有的..不是很亲近，我真的很感谢你的帮助。
这是一张我想要补充的图片
浏览 0提问于2014-06-04得票数 3
我已经完成了自己版本的PropertyCross演示(在他们的演示部分中提供)。
我目前面临的问题是“最近搜索”区域的大小。虽然我有一个不可滚动的容器，但我可以很容易地定义首选高度。由于Box布局遵循首选的大小，所以一切都很好，只有一个小问题:无法滚动它并看到多个结果：
recentSearchContainer = new Container(new BoxLayout(BoxLayout.Y_AXIS)); recentSearchContainer.setPreferredH((int)(this.getContentPane().getHeight() * 0.1f));
一旦我将
浏览 0提问于2017-07-31得票数 1
我正在启动一个自定义的ExtJS 4主题。有一个初学者的问题。
如何增加工具栏的高度？
我做了一些基本的搜索，发现我们可以在应用程序的中进行搜索
但是，我希望工具栏高度增加是主题的一部分。有谁知道如何做到这一点吗？
谢谢。
浏览 0提问于2014-02-19得票数 0
1回答
为什么这段代码能在chrome中流畅地工作，而不是在firefox中？我使用SnapSVG。
JS：
var pinguin = Snap("#pinguin");
Snap.load("pinguin.svg", bodyload ) ;
function bodyload( data ){
pinguin.append( data );
};
Html：
<svg id="pinguin" ></svg>
<script src="snap.svg.js"></sc
浏览 3提问于2014-11-05得票数 0
1回答
我试图创造一些好的动画，在那里我将使我的布局的高度从它的底部扩展(这是在屏幕的中间的aprox )-到屏幕的底部。
我试过玩LayoutParams和动画，但没能成功。
，我想这分为两个问题：
( 1)如何将布局的高度变化动画化？
2)如何制作版面动画，只改变布局的底部部分？
浏览 2提问于2014-10-29得票数 1
回答已采纳
我有一个带有QVBoxLayout的容器小部件。
我在VBoxLayout中添加了大约100个小部件。它们都有相同的高度。在某些时候，需要调整其中一行的大小。我调整了小部件的大小(newWidth，newHeight)，并在QVBoxLayout上调用了layout()，但没有任何变化。大小保持不变。
如何在QVBoxLayout中动态更改小部件的高度？
浏览 0提问于2012-06-12得票数 2
回答已采纳
我在UIScrollView中制作了一个无限滚动的日历，每个日历最多可以包含八个子视图。我在scrollViewDidScroll()内部调用的函数看起来像这样(简化)：
func addAndRemoveRow(scrollView: UIScrollView) {
if scrollView.contentOffset.y - scrollViewZeroOffsetY < -heightOfDay/2 { // Going back in time.
createRowAtBottom()
removeRowAtTop()
} el
浏览 0提问于2015-04-28得票数 0
很抱歉这个超级基本的问题，我不明白为什么(或如何) Autolayout在设置安全区域/视图的约束后自动调整按钮/标签的大小。
是一个演示我的确切问题的短视频。我想让一个200x100的按钮水平居中靠近屏幕顶部，为什么它在设置约束后会自动调整大小？
如果有人能给我解释/给我一个好的指南来开始自动布局，我将不胜感激！
浏览 0提问于2020-01-07得票数 0
1回答
有人知道如何使用边距和填充字段吗？
显然，它们可以用来代替Anchors，因为FM不支持Anchors。今天早上我一直在玩弄他们，但是我不能让他们按照我想要的方式行动。例如，我想将两个按钮锚定在窗体的右侧和底部，这样当窗体调整大小时，按钮就会随着窗体移动。
浏览 1提问于2011-09-16得票数 6
回答已采纳
我正在尝试创建一个包含UIScrollView的视图。此UIScrollView包含3 UIViews。最后一个包含了我想在运行时填充的另一个UIStackView。
下面是故事板的图片：
但是，当我在运行时在第二个UIStackView中添加内容时，ScrollView的高度保持不变。
第二个UIStackView被定义为第一个具有：
轴线:垂直
对齐:填充
分布:等距
然后我用：
mStackView.addArrangedSubview(matProgress)
结果如下：
如何使底部视图和ScrollView扩展以适应内容。
浏览 6提问于2017-05-12得票数 3
回答已采纳
2回答
我有一个回收视图与一堆文本视图，每一个作为一个项目，如你在下面的图片。(蓝线实际上并不存在，我添加了它们，以便您可以单独查看每个项目)，因为您可以看到一切看起来都很好，用户不会注意到文本是分开的。
问题是，当用户增加行空间(app中的一个典型选项)时，除了每一项的第一行和最后一行外，线的高度都会变大，结果就像第二张图片。
我的问题是，如何找到合适的填充设置到每个项目，使每条线的高度看完全相同？
顺便说一下，由于许多原因，我不能只使用一个文本视图！
浏览 1提问于2015-10-06得票数 0
回答已采纳
我想知道如何使我的界面的TextViews，ImageViews，边距，等等。无论我是在手机上还是在平板电脑上使用，它在所有设备上的外观都是一样的。有人告诉我，使用片段会有所帮助，但我似乎不明白。很抱歉问了这么幼稚的问题...
浏览 16提问于2020-04-30得票数 0
我使用这段代码来放置我的admob广告，但是这些代码会将广告显示在屏幕的左上角，如何将广告放置在屏幕的中央下方？请帮助:)
mAdView = new AdView(this, AdSize.BANNER, "xxxxx");
FrameLayout layout = (FrameLayout)findViewById(R.id.game_layout);
layout.addView(mAdView);
FrameLayout.LayoutParams adsParams = new FrameLayout.LayoutParams(LayoutParams.);
mAdVi
浏览 2提问于2011-04-17得票数 4
回答已采纳
2回答
我正在尝试在另一个滚动视图中添加滚动视图。
它应该是这样的：
scroll view
linear layout
myprogramaticscroll view
myprogramticlinear layout
myprogramticbutton
end button
end layout
end scroll
end linear
end scroll
我正试着在里面添加滚动视图。它在那里，但我需要知道如何正确设置参数，以便我可以看到我的滚动视图内的整个按钮。我只看到了其中的一部分，我需要设置编程性的线性布局和滚动视图的宽度、高
浏览 2提问于2012-03-10得票数 0
iOS7真的一直在耍我。
这是一个从iOS6导入的项目，可以在我测试的所有设备上顺利运行。不知何故，图片的图像视图在运行时被设置为类似312x400的内容，忽略了我在故事板中设置的高度规范。
我知道我遗漏了一些关于自动布局的细节，但这是怎么回事？为什么我提供的高度无关紧要，为什么这与Xcode4.x/ios6有什么不同？
浏览 0提问于2013-09-22得票数 18
回答已采纳
6回答
有没有办法让Android Design在滚动时更流畅地支持库的折叠动画？当我释放滚动时，它会突然停止。但我想要的是:即使你停止滚动，折叠动画也会流畅地继续。和是正在顺利崩溃的库。
浏览 0提问于2015-07-06得票数 41
在为片段或自定义视图创建布局时，必须定义layout_width和layout_height。当我在另一个布局中使用这个片段或视图时，我还必须定义layout_width和layout_height。
假设我的片段/视图布局的根元素具有layout_height="match_parent"，当我在另一个布局中使用它时，我拥有例如<fragment layout_height="wrap_content"。
在本例中，layout_height元素基本上定义了两次，一次是在片段/视图本身的布局中，另一次是在我使用它的布局中，但是使用了不同的值。
在这种情况
浏览 0提问于2018-11-29得票数 0
1回答
我试图列出以下xml列表：
到那时，我已经有了这个：
以下是我的XML组件代码：
list_item_issue.xml
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:weightSum="
浏览 4提问于2017-08-30得票数 0
我有一个css格式的div：
#move_me{
display:none;
width:100px;
height:100px;
background-color:#0F0;
opacity:0;
transition:opacity 1s linear;*
}
我也有一个按钮，在JC中分配了一个clicklistener：
$("#display_command").click(function(e) {
console.log("asd");
$("#move_m
浏览 2提问于2014-03-28得票数 0
我试图在Listview和Adapter的帮助下显示动态TableView。我正在为边界设置可绘制的形状。
从逻辑上讲，我试图在行中的子视图中获得最高的高度，然后将该高度设置为所有子视图。
为此，我使用了addOnGlobalLayoutListener，但它只调用了一次。让我知道如何实现作为表。
我想要实现Table，但正如您所看到的，边界并不是aPParing Proerly。参考
在Adapter中使用Listview
@Override
public View getView(int position, View conv
浏览 0提问于2014-07-30得票数 1
回答已采纳
因此，我正在创建一个可视化页面，它需要一个分组ListView，它可以以不同的方式增长和缩小，组可以被添加或删除。我想让它看起来像什么(供参考)
不同的listview项(mixes)都很好地分组，有些是在页面之外运行的。这是Windows Store应用程序中非常常见的设计模式。
现在，我的问题是:只有当将ListView和width属性设置为确定的像素数时，我才能使height和width正确显示，例如：
#myListView {
height: 700px;
width: 2000px; }
将height和width设置为100%或来自calc()的值不可避免地会导致ListVie
浏览 4提问于2013-01-18得票数 3
回答已采纳
2回答
我从res加载一些表到WebView中。这些表具有不同的大小。如何更改WebView内容的高度大小？
我试过了：
LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT,
LayoutParams.WRAP_CONTENT);
myWebView.setLayoutParams(params);
加载内容后，但它不工作...
浏览 2提问于2011-07-29得票数 2
见实际问题：
在浮动div中有一个嵌入的SVG元素，如下所示：
<div style="float: left;">
<svg width="50" height="20" id="svg1">
</svg>
</div>
这很好；div符合SVG的预期。但是，当我用JavaScript调整SVG的大小时，如下所示：
$('#svg2').attr('width', 50);
...the SVG的大小是正确的，但
浏览 3提问于2012-07-23得票数 1
回答已采纳
2回答
线条布局背景图像
、、
我对Linearlayout的背景有一个问题。问题是我将LinearLayout背景设置为图像。假设图像大小为300px高度。这个LinearLayout包含其他视图，比方说行。一行的高度为100像素。问题是，当我向这个LinearLayout添加一行时，行只填充100px，共300px。问题是，是否有可能根据其子视图的发生程度来扩展或扩展LinearLayout？
LinearLayout的代码如下：
<LinearLayout
android:id="@+id/companies_list_holder"
android:lay
浏览 1提问于2013-07-27得票数 0
视图有两种尺寸的，即测量尺寸和绘图尺寸。测量的尺寸是在测量过程中计算的尺寸( 方法)，而绘图尺寸是屏幕上的实际尺寸。特别是，文档中说：
这些值可能不同于测量的宽度和高度，但不一定不同。
那么，我的问题是:是什么使得图纸尺寸与测量尺寸不同？如果方法遵守布局要求(作为参数widthMeasureSpec和heightMeasureSpec给出)，那么SDK如何决定视图应该具有不同的绘图大小？
此外，在中如何/在何处使用测量的宽度/高度来计算绘图宽度/高度？我试图查看，但我不知道如何使用测量的宽度/高度来计算最终的宽度/高度。也许和填充物有关，但我不确定。
浏览 25提问于2011-12-28得票数 101
回答已采纳
我为手机和平板电脑设计了一个应用程序，但我有一个问题。
我在10英寸/7英寸的平板电脑上测试过，它工作得很好，但在最小宽度为480.0的7英寸平板电脑上，它显示了手机的布局。
我有三个文件夹: layout，layout-sw600dp和layout-sw720dp。
你能为我提供一些关于如何在400X800 7英寸平板电脑上实现这一点的提示，以进入平板电脑布局而不是手机布局吗？
非常感谢。
浏览 1提问于2015-07-23得票数 0
1回答
我需要知道如何将活动全屏显示，实际上我使用的是Android3.3。谢谢。
**这不起作用=**
<style name="Theme.AppCompat.Light.NoActionBar.FullScreen" parent="@style/Theme.AppCompat.Light.NoActionBar">
<item name="android:windowNoTitle">true</item>
<item name="android:windowActionBar&#
浏览 0提问于2019-08-18得票数 0
我在FrameLayout中使用自定义视图FrameLayout。它在正常情况下效果很好：
出于某种原因，我想要将抒情视图显示为两种大小，单行大小和全屏大小。我在FrameLayout上注册了一个FrameLayout，这样用户就可以通过单击窗口在两个大小之间切换。因此，我尝试在程序中更改LayoutParams。
单击前的(单行模式)
布局文件
<io.hefuyi.listener.widget.LyricView android:id=@+id/lyric_view“android:layout_marginTop=”55 id“android:layout_widt
浏览 0提问于2016-12-24得票数 1
我有一个有LinearLayout的活动，我把我的图表放在下面：
...
mChart = ChartFactory.getCubeLineChartView(this, mDataset, mRenderer, 0.3f);
graphActivityLayout.addView(mChart, 1);
这填满了我的整个布局。如何指定图表的尺寸？我还没有找到任何方法来做这件事。
我的onResume方法检查mChart是否为空，如果不为空，则对其调用repaint，否则设置图表数据并执行上面的代码片段。没有与我的问题相关的东西。
浏览 8提问于2013-10-12得票数 0
我不知道如何使用自动布局将UILabel相对于UIView高度重新定位。
例:如果UIView的高度是50点，而UILabel的位置是从顶部10点到底部30点，
如何保持UILabel的位置比，如果UIView改变到70点的高度，更准确地说是从顶部得到20分，到底部得到40分的UILabel使用自动布局。
浏览 17提问于2015-07-02得票数 0
回答已采纳
我在PlotItems中有很多GraphicsLayoutWidget。我使用plotItem.setFixedHight()来设置所有情节的高度。GraphicsLayoutWidget的高度似乎不等于所有情节的总和。如何计算高度。
浏览 5提问于2013-10-27得票数 0
回答已采纳
1回答
在我应用程序XML布局中，我有一个Relativelayout，其中有两个线性布局。现在，我正在为这两个布局制作动画。但是因为泰拉看起来高度不同，所以我遇到了一些视图问题。
所以我想让这两个布局的高度相同。下面是我的XML文件。
<!-- ============================================================= -->
<!-- BOTTLE / PEN LAYOUT -->
<!-- =========================================
浏览 2提问于2011-11-28得票数 1
回答已采纳
2回答
我正在尝试在listadapter中扩充此资源：
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="200dp"
android:layout_height="200dp"
android:background="#ff0000"
android:padding="@dimen/spacing_micro" >
<Vie
浏览 0提问于2013-04-30得票数 3
回答已采纳
我试图在onGlobalLayout()中获取FrameLayout的高度，这段代码位于onCreate()方法中：
final FrameLayout layout = (FrameLayout)findViewById(R.id.detail_frame);
ViewTreeObserver vto = layout.getViewTreeObserver();
vto.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
@Override
浏览 0提问于2018-06-04得票数 0
回答已采纳
如果在另一个UIStackView(testStack)中有一个UIStackView(testStack)和占位符UIView(testView)，那么就会出现问题。这意味着如果testStack中没有内容，它就会崩溃，testView将占用所有的空间。甚至有一个content hugging priority设置为testStack的最大值，因此当没有子视图时，它应该将其高度折叠为0。但事实并非如此。在没有内容的情况下，如何使它崩溃？
如果testStack中有项目，那么一切都可以正常工作：testView占用所有可用空间，testStack只占用空间以适应其子视图。
class AVie
浏览 6提问于2021-01-15得票数 0
回答已采纳
3回答
我的tableView单元格的顶部和底部的文本标签似乎被切断了。它不是在Xcode预览或storyboard视图中剪裁的。如何使标签延伸到填充整个行？
我使用的堆栈视图包含文件名和文件大小标签。
浏览 3提问于2017-02-01得票数 4
回答已采纳
我想有一个5倍5按钮布局。每一个都应该有相同的宽度和高度(它们应该是正方形)。我希望整个矩阵使用屏幕宽度(或高度，取决于旋转)。
我现在用Java代码“手工”完成：
for (int y=0; y<5; y++) {
TableRow tr = new TableRow(this);
for (int x=0; x<5; x++) {
Button b = new Button (this);
...
tr.addView(b, 60, 60);
}
layout.addView(tr);
}
这可以通
浏览 2提问于2010-10-30得票数 2
回答已采纳
1回答
有人能解释一下，我何时以及如何测量从xml文件放大的视图的确切大小吗？
我知道在调用setContentView之后，视图的高度和宽度不会立即可用。在视图布局完成后，肯定会调用一些回调函数，但我在活动回调函数中找不到任何明显的东西。我正在寻找iOS编程中"viewDidLoad“的等价物。
我也不太清楚我实际上是如何读取高度和宽度的。视图上有getHeight()和getWidth()函数，但我也见过使用getLayoutParams().height和getLayoutParams().width的示例。这两个值之间有什么区别，我想要哪一个？
我的最终目标是在必要时通过修改宽度来将我
浏览 3提问于2013-03-10得票数 2
我已经创建了一个自定义对话框片段及其xml，如下所示：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin=&#
浏览 3提问于2014-02-04得票数 19
回答已采纳
我有一个ViewPagerIndicator，它带给我一个片段，在这个片段中，我有一个ScrollView
我的ViewPager xml：
<RelativeLayout
android:id="@+id/relativeViewPager"
android:layout_width="match_parent"
android:layout_height="300dp" >
<ImageView
浏览 0提问于2015-01-23得票数 0
我的应用程序有一个地图片段。在点击标记，幻灯片上的动画显示从底部到一半的屏幕。然后它又一次滑落在点击标记上。
我想:幻灯片向上菜单应该是可点击或拖动山墙，以便它可以移动到屏幕顶部。更清楚的是，我的意思是，无论是点击还是拖动这个幻灯片上的菜单，它在屏幕的一半，应该转到屏幕的顶部。
到目前为止，我已经完成了：在单击标记时，将幻灯片放大到屏幕的一半。：
动画代码: slide_up.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://sche
浏览 2提问于2015-11-25得票数 1
回答已采纳
我想有一个图像按钮的中心屏幕，打开开始‘增长’，以流畅地充满整个屏幕使用某种动画。达到完整大小后，反转动画并返回到其原始大小？
有什么想法吗？这有可能吗？
浏览 0提问于2012-12-28得票数 0
回答已采纳
最初我的印象是，它在插入/删除新行时使用表行上/下滑动动画，但我怀疑它是否能如此流畅地做到这一点，即使列表中有数千项(否则删除/插入操作将需要很长时间)。
我的假设是，它只是在屏幕底部附加了一个新闻列表的新实例，缩小了上面的实例，而底部的那个扩展到了空间，我的假设是正确的吗？
更新：
请看我想说的这段视频：
浏览 2提问于2012-04-24得票数 2
回答已采纳
假设TableLayout中有两个按钮，如果我在两个按钮中提到android:layout_span="1“，那么整个宽度被划分为两个部分，每个按钮位于一个部分。我们能不能达到同样的高度。在我的应用程序中，有四个按钮，按线性顺序排列，一个在另一个上面。我要所有这四个按钮覆盖屏幕的高度在任何大小的屏幕。我的问题是，如果我在一个设备上启动这个屏幕，那么它看起来就像：-
但是如果我在大屏幕上启动这个布局，它看起来就像：-
如何在所有屏幕上的按钮盖(均匀分布)？
浏览 1提问于2013-12-24得票数 0
回答已采纳
3回答
大家好，大家好。我试图使一个应用程序看起来像Viber或任何其他的应用程序拨号盘打电话给别人。但是我不明白如何使一个合适的设计看起来像应用程序一样在每一个iPhone。我正试图实现这样的目标：
所以我想让所有iPhones上的整个键盘看起来都很正常。我已经知道我需要为按钮添加3种分辨率的所有图像，所以对于1x，我使用了54x54，2x-145x145，3x-240x240。我在320x480 (1x)、750x1334 (2x)和1242x2208 (3x)中绘制了3个屏幕。所以在纸上一切看起来都很好。但是在程序中，在iPhone 5s上，我面临着这样的问题：
如果我试图将
浏览 2提问于2016-03-17得票数 1
回答已采纳
2回答
检测隐藏的软键盘
、、、
我有一个带有编辑框的活动，当用户触摸编辑框内时，软键盘就会出现。如果用户按下硬件的“后退”按钮，软键盘就会消失。我想要检测这种情况。我环顾了四周，到目前为止，我看到的最好的回应是：
我的问题是--如何检测应用程序窗口是否已调整大小？
我将这个文本添加到我的安卓清单文件中的活动中: android:windowSoftInputMode="adjustResize“
但我不太确定如何检测这种变化。
非常感谢您的帮助。
浏览 0提问于2011-04-19得票数 1
我的安卓页面有10个EditText和10个TextView。但在图形布局中，我的屏幕上没有空间。我只加了5个。我正在使用卷轴布局。如何在不降低项目高度的情况下在屏幕中添加额外的5个项目。这里有编码吗？
浏览 0提问于2012-04-03得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
