layout 相关问题

布局标记用于关于对象相对于包含元素的放置,对齐和对齐的问题。有关CSS的问题,请改用“css”标签。

如何用Tkinter实现复杂的布局?

我想用 Tkinter 实现这个布局,但我不太明白 Tkinter 布局是如何工作的...... 需要布局 页脚有顶部/底部填充,因此高度是“固定的”并且......

回答 1 投票 0

在移动主题上禁用 Magento 扩展/模块

我在 Magento 网站上安装的扩展会覆盖产品页面的 view.phtml 文件,甚至在移动网站上也是如此。我想在浏览时使用移动模板的 view.phtml...

回答 1 投票 0

如何在 Flet 中更新完整布局

在下面的代码中,我创建了一个 Flet 应用程序,其中两个文本控件应根据按钮的点击量更新其数字。为什么这没有发生? 一点背景知识:...

回答 2 投票 0

在 R 中使用布局的问题 - 我想要在热图之上绘制降水图

我是 R 新手,我正在尝试在热图上添加降水趋势线,有人建议我尝试使用布局。 这是我想要实现的目标的一个例子 示例图 我有

回答 1 投票 0

PyQt 添加滚动条到主窗口

这是一个反复出现的问题,我读过很多主题,有些有帮助(python Qt:主小部件滚动条,PyQt:将滚动条放入其中),有些根本没有帮助(PyQt 在我的主窗口中添加滚动条),我

回答 2 投票 0

任何人都可以帮我将此网页内容集中在任何尺寸的屏幕上吗?

我已尽力将此内容集中在网页上,但到目前为止我还无法做到这一点。所以,我想向你们寻求一些帮助。 我希望此内容能够在任何不同的屏幕上居中...

回答 1 投票 0

我在Next js中创建布局文件后无法删除

在这个屏幕截图中,您可以看到我的项目的结构。我正在学习 Next.js。我在博客文件夹内的 [id] 文件夹中创建了一个layout.js 文件,只是为了测试和尝试。然而,从那时起我就已经

回答 1 投票 0

上方布局设置 View.GONE 后,布局下方的视图不可点击

在 searchList 可见性从 VISIBLE 变为 GONE 后,imageView start_messaging 不可单击,即使该片段中只有 recyclerView 中的第一项可单击,但此 b 则不可单击...

回答 1 投票 0

如何禁用特定Tab.Screen的滚动

我正在使用 React Native 和 TypeScript。我正在尝试创建一个顶部选项卡栏并使用权限。当某人无权访问某个选项卡时,该选项卡将被禁用。我已经

回答 1 投票 0

WPF:对齐标签的基线及其文本框

假设我在标签旁边有一个简单的文本框: 我的标签 假设我在标签旁边有一个简单的文本框: <StackPanel> <StackPanel Orientation="Horizontal"> <Label Margin="3">MyLabel</Label> <TextBox Margin="3" Width="100">MyText</TextBox> </StackPanel> ... </StackPanel> 这会产生以下结果: 可以看到,MyLabel 和 MyText 的基线没有对齐,看起来很难看。当然,我可以开始调整边距,直到它们匹配,但由于这是一个常见的要求,我确信 WPF 提供了一个更简单、更优雅的解决方案,只是我还没有找到...... 我认为,这种行为是由于 TextBox 默认为 Stretch 的垂直对齐方式造成的,这导致它填充可用空间并在文本下方有额外的几个像素。如果你用这个代替: <StackPanel> <StackPanel Orientation="Horizontal"> <Label >MyLabel</Label> <TextBox VerticalAlignment="Center" Width="100">MyText</TextBox> </StackPanel> </StackPanel> ...您应该会看到更清晰的结果。 你觉得怎么样? <StackPanel Orientation="Horizontal"> <Label Margin="3" VerticalContentAlignment="Center">MyLabel</Label> <TextBox Margin="3" VerticalContentAlignment="Center" Width="100">MyText</TextBox> </StackPanel> 我在 Kaxaml 中实现了这种外观: <StackPanel Orientation="Horizontal"> <Label Margin="3" VerticalAlignment="Center">MyLabel</Label> <TextBox Margin="3" Width="100" VerticalAlignment="Center">MyText</TextBox> </StackPanel> 我知道这是一个旧的答案,但对于那些寻求另一种方式的人来说,这是一个示例,您不需要依赖固定的文本框宽度: 使用 DockPanel 和 .Dock 代替 StackPanel。 这在网格内使用时被证明非常方便。 <DockPanel Grid.Column="2" Grid.Row="2"> <Label Content="SomeTitle:" DockPanel.Dock="Left"></Label> <TextBox x:Name="SomeValueTextBox" VerticalAlignment="Center" DockPanel.Dock="Right"></TextBox> </DockPanel> 这个问题并不像看起来那么微不足道,并且接受的答案缺乏细节。如果您尝试使用控件自定义高度,您会发现问题。 首先,这是 User7116 回答的正确实现。 <StackPanel Orientation="Horizontal"> <Label Margin="3" VerticalAlignment="Center">MyLabel</Label> <TextBox Margin="3" Width="100" VerticalAlignment="Center">MyText</TextBox> </StackPanel> 棘手的部分是这里有两个级别的垂直对齐,因此请了解对齐的工作原理。 当我们为控件指定对齐方式时,我们是在告诉它如何在 parent 容器中定位自己(请参阅 documentation)。因此,当我们将 VerticalAlignment="Center"> 指定为 TextBox 时,我们告诉它该 TextBox 应在父级 stackpanel 中垂直居中显示。 现在该文本框内的实际文本也可以使用垂直对齐方式在该文本框内!这是第二级,实际上相当棘手,答案见here。 如果您尝试将上面标签的高度也设置为 50,您会发现它们不会再次对齐。这是因为标签现在占据了更大的区域,并且该区域内的文本没有垂直对齐,因此它看起来没有再次对齐。 上面的代码是: <StackPanel Orientation="Horizontal" VerticalAlignment="Center"> <Label Margin="3" VerticalAlignment="Center" Height="50">MyLabel</Label> <TextBox Margin="3" VerticalAlignment="Center" Width="50" Height="50">MyText</TextBox> </StackPanel> 幸运的是,当控件高度为默认值时(如标签控件),它的高度足以包含文本,因此内部对齐并不重要。但如果有人为这些控件设置自定义高度,它就会发挥作用,并且更好地理解它是如何工作的。 以下是您可以执行此操作的方法: <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="2"> <Label FontSize="20" Margin="3" FontWeight="Bold">Username :</Label> <TextBox Width="200" Margin="3" Height="40" Name="txtUsername" /> </StackPanel> <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="2"> <Label FontSize="20" Margin="3" FontWeight="Bold">Password :</Label> <TextBox Width="200" Margin="3" Height="40" Name="txtPasswrod" /> </StackPanel>

回答 6 投票 0

MAUI Grid 在初始加载时以及在 Windows 上调整大小时会溢出父 TabbedPage 的子 ContentPage

我已将此问题作为 Bug 在 github 中向 MAUI 团队提交,但正在寻找解决方法的任何想法? 我在下面的网格中有一个简单的布局。 我在 github 上向 MAUI 团队提交了这个问题作为错误,但正在寻找解决方法的任何想法? 我在下面的网格中有一个简单的布局。 <Grid RowDefinitions="Auto,*,Auto"> <SearchBar /> <ListView Grid.Row="1"> <ListView.ItemsSource> <x:Array Type="{x:Type x:String}"> <x:String>ListView Item</x:String> <!-- Whole lot 'O items --> <x:String>ListView Item</x:String> </x:Array> </ListView.ItemsSource> </ListView> <HorizontalStackLayout Grid.Row="2"> <Button Text="Display Content Page" Clicked="ContentPageButton_Clicked" /> <Button Text="Display Tabbed Page" Clicked="TabbedPageButton_Clicked" /> </HorizontalStackLayout> </Grid> 当它位于 TabbedPage 的子页面中时,底部的按钮不可见,因为网格溢出了窗口的高度。这种情况发生在初始显示时以及调整大小低于一定高度时。 实际布局: 预期布局: 我有一个重现,让您可以在没有 TabbedPage 作为父级的情况下查看完全相同的页面,并且布局按预期执行。 有什么想法可以解决这个问题吗?感谢您的任何建议!!! 里面App.xaml.cs改变: // MainPage = new TabbedPage(); MainPage = new NavigationPage(new TabbedPage()); NavigationPage 允许您使用 Navigation.PushAsync 进行导航,因此您应该使用它而不是 Application.Current.MainPage = new TabbedPage();。 您也可以使用 AppShell。 现在为什么它可以解决您的具体问题,没有任何线索。我最好的猜测是,MainPage 并不打算(并经过测试)获得除了 NavigationPage 或 Shell 之外的其他内容,这会在布局上产生一些恶作剧(两者都实现 IPageContainer,可能会在这个级别执行某些操作)。

回答 1 投票 0

颤动中的从右到左 (RTL)

我使用 Flutter 已经超过一周了,想要创建一个阿拉伯语(从右到左)应用程序。 我正在阅读Internationalizing Flutter Apps,但它没有提到如何设置布局方向。 所以,...

回答 7 投票 0

“受限”布局中的装饰边距有限?

我想了解Matplotlib的“约束”布局引擎的装饰空间限制。在我的用例中,我必须添加很多装饰(例如不同的轴刻度和标签...

回答 1 投票 0

SwiftUI Divider 不影响其父级的大小

我在 macOS 应用程序中有这个 SwiftUI 侧边栏视图。 结构 SidebarView: 视图 { var body: 一些视图 { VStack(对齐方式:.leading) { 文本(“事物”) ...

回答 1 投票 0

Nuxt3。动态布局变化

我想在人们通过直接链接进入网站时动态切换布局并加载所需的布局。 我使用指南(v3.nuxtjs.org/guide),它说添加以下c...

回答 2 投票 0

将 div 垂直对齐到另一个 div(不在内部)

我有设计要求将一个div与另一个div对齐,如下图所示 方框1:动态高度和宽度 框 2 和 4:动态高度和固定宽度 框3:固定宽度和高度 框 1 和框 3

回答 1 投票 0

保持视口宽度和高度的纵横比的流体 div 元素

我正在尝试为图像创建一个 div 容器,该容器在页面(flexbox)上水平和垂直居中,宽高比为 2:3。我希望它能够根据宽度和

回答 1 投票 0

为什么我的搜索栏出现在wearg位置?

单击搜索栏空白后,导航栏上应出现该空白。 然而,当使用Chrome时,它出现在错误的位置: 它在 Firefox 上看起来正确: (但是网站的布局很糟糕......

回答 1 投票 0

使用位置修饰符时使 SwiftUI Shape 采用整个屏幕宽度减去填充

我需要根据给定的 CGRect 框架定位一个视图,并且下面的几个像素渲染一个 RoundedRectangle,它始终占用屏幕的整个宽度减去 20pts 水平填充(无论如何...

回答 1 投票 0

如何将文本放置在文本视图的正中心?

我正在开发一个原生android应用程序,我遇到了一个问题,TextView中的文本没有放置在center_vertical中。 文本已放置在 center_horizental 中。问题是垂直的...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.