landscape 相关问题

我正在尝试让网格的高度和宽度保持 2:1 的纵横比。我强制使用横向模式并具有以下网格设置：我正在尝试让网格的高度和宽度保持 2:1 的纵横比。我强制使用横向模式并具有以下网格设置： <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:game="clr-namespace:MyApp_Mobile" x:Class="MyApp.MainPage" x:Name="contentMain" x:DataType="thisapp:MainPageViewModel" IconImageSource="app_icon.png" LayoutChanged="ContentPage_LayoutChanged" Appearing="contentMain_Appearing" Shell.NavBarIsVisible="False"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="80" /> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="50"/> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="80"/> <RowDefinition Height="80"/> <RowDefinition Height="80"/> </Grid.RowDefinitions> <Grid x:Name="gridLayoutBox" BackgroundColor="{Binding boxColour}" IsClippedToBounds="True" Grid.ColumnSpan="6"> </Grid> 遗憾的是，它没有按预期工作，并且似乎不是从第 0 列开始。它也不符合列和行尺寸：我希望蓝色矩形的宽度是其高度的两倍 - 并且从左上角开始。我尝试切换到 6 行 3 列，但我遇到了类似的问题：谁能告诉我我做错了什么，因为我在 Xamarin 中从未遇到过这个问题？谢谢，迈克我复制了您的代码，只需为网格添加 Grid.RowSpan="3" 即可。然后我就得到了你想要的效果，没有LayoutChanged和Appearing。完整的xaml： <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="MauiApp7.MainPage" Shell.NavBarIsVisible="False"> <Grid BackgroundColor="Pink"> <Grid.ColumnDefinitions> <ColumnDefinition Width="80" /> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="80"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="80"/> <RowDefinition Height="80"/> <RowDefinition Height="80"/> </Grid.RowDefinitions> <Grid x:Name="gridLayoutBox" BackgroundColor="Blue" IsClippedToBounds="True" Grid.ColumnSpan="6" Grid.RowSpan="3" > </Grid> </Grid> </ContentPage> 结果图像：另外，如果想强制横向，可以将以下代码全部放在Page的OnHandlerChanged方法或者OnAppearing方法中。 #if ANDROID Microsoft.Maui.ApplicationModel.Platform.CurrentActivity.RequestedOrientation = Android.Content.PM.ScreenOrientation.Landscape; #endif 在人像模式下，蓝色网格会被剪掉，因为它的宽度大于屏幕的宽度。

grid maui landscape

回答 1 投票 0

Android Webview 如何在横向设备中以纵向布局显示 Outlook 邮件？

我有一个android webview应用程序并尝试加载outlook.com。我几乎没有混合纵向和横向设备。在这两种设备中，Outlook 布局的显示方式不同，如下所示

android webview outlook landscape portrait

回答 1 投票 0

android studio 中的横向模式和视频视图

我编写了一个程序，当我在手机上运行该程序时，就会开始播放视频。现在，播放视频后，如果我将手机旋转到横向模式，我的应用程序也会旋转到横向模式...

android android-videoview landscape

回答 1 投票 0

如何在 React Native 中锁定 ios 中特定屏幕的方向？

我想锁定相机屏幕的方向。这在安卓上运行得很好...

react-native orientation landscape landscape-portrait portrait

回答 2 投票 0

iframe 视频全屏时如何强制横向模式

我制作了一个网站，其中嵌入了从谷歌驱动器中嵌入的视频，当我在Android浏览器上播放该视频时遇到问题，如果我进入全屏模式，方向视频仍处于纵向模式...

javascript php css fullscreen landscape

回答 1 投票 0

当移动设备旋转时，宽度和高度在 get User Media Api JavaScript 中交换

我正在使用相机 git getUserMedia()，但我有一个大问题，因为，我只是将视频和高度设置为 1280 和 720： videoConstraints.width = { 最小值：1280，理想值：1280，最大值：1280}；

javascript html video mobile landscape

回答 3 投票 0

三星平板电脑。以横向方式显示应用程序。应用程序的默认值

三星平板电脑具有设备上每个应用程序的屏幕设置（设置/高级功能/实验室/横向显示应用程序）。默认情况下，此设置对于某些应用程序可能有所不同，通常是应用程序默认...

android android-manifest orientation landscape galaxy-tab

回答 1 投票 0

手机横屏时出现黑块

在我的 iPhone 4 上查看此网站时，一切看起来都是纵向布局的。当旋转到横向布局时，有一个 div 负责创建一个黑色块......

html css landscape

回答 3 投票 0

这种地形类型在 3D 中被称为什么？

我基本上想要做到这一点，每个正方形都可以以任一角度切成两半：（类似于 SimCity2000 或 Transport Tycoon，但为 3D）而不是这个：我花了几个小时试图在互联网上搜索这个名字......

landscape terrain

回答 1 投票 0

PDF 和 Word 输出中具有弹性表的横向表格

我正在使用 bookdown 将文档从 rmarkdown 编织为 pdf 和 .docx。我有一些表格想放在横向页面上。我已经用 flextable 制作了表格，因为我需要......的版本

r r-markdown landscape bookdown flextable

回答 1 投票 0

React-native 平面列表项目布局应适应设备方向变化

所以我正在创建图像的平面列表。屏幕上一次仅显示一张图像。现在，如果我旋转设备，那么横向中的图像应该在横向中全屏显示......

react-native orientation landscape device-orientation flatlist

回答 3 投票 0

在 ArcMap 和 r 中计算土地覆盖类型缓冲区时出现未知值

我正在尝试通过ArcMap和R计算2.5公里缓冲区内土地覆盖类型的百分比。当我使用Landscapemetric计算R中的缓冲区TIF时，有一个未知的v...

r buffer landscape arcmap

回答 1 投票 0

以 ladscape 模式打印 html 表格

给出以下 html 代码： div.container > 表 { 边界崩溃：崩溃； } div.container > 表 > tbody > tr > td { 乙...</desc> <question vote="0"> <p>给出以下 html 代码：</p> <pre><code><html> <style> div.container > table { border-collapse: collapse; } div.container > table > tbody > tr > td { border: 1pt solid; } </style> <body> <div class="container"> <p>Hello</p> <table> <tbody> <tr> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> <td>Lorem ipsum</td> </tr> </tbody> </table> <p>Hi</p> </div> </body> </html> </code></pre> <p>我想通过以下方式打印到A4纵向：</p> <ol> <li>首页包含纵向“Hi”</li> <li>第二页包含表格，但旋转了 90 度。否则，第二页必须横向打印</li> <li>第三页包含纵向“Hello”</li> </ol> <p>我尝试添加以下样式：</p> <pre><code>@media print { @page { size: a4 portrait; } div.container > table { break-before: page; break-after: page; transform: rotate(-90deg); } } </code></pre> <p>问题在于：</p> <ol> <li>表格未与页面左上角对齐</li> <li><strong>桌子在旋转之前以纵向模式调整大小</strong>。这意味着桌子的宽度仍然是纵向模式下的宽度</li> </ol> <p>我怎样才能实现我的目标？</p> <p>要求：</p> <ol> <li>HTML 代码必须保持原样。您不能将表格放在另一个 div 中或以任何方式修改它</li> <li>仅 CSS，如果不可能，则纯 Javascript</li> </ol> <p><a href="https://stackoverflow.com/questions/14037737/print-html-table-in-landscape">相关问题</a>不好，因为（1）第一个解决方案以横向模式打印所有内容，而不仅仅是表格（2）第二个解决方案与我提出的解决方案具有相同的问题。</p> </question> <answer tick="false" vote="0"> <p>考虑创建新页面并使用一些转换代码，您可以做到这一点。你能试试这个CSS吗：</p> <pre><code><style> @media print { body { margin: 0; } div.container { page-break-before: always; page-break-after: always; } table { transform-origin: 0 0; transform: rotate(-90deg) translateX(-100%); } } </code></pre> <p>让我解释一下CSS：</p> <ul> <li>分页之前：总是；和分页之后：总是；到 div.container 以确保每个页面都以新容器开始。</li> <li>要消除默认边距，请将正文边距设置为 0</li> <li>使用transform-origin将旋转原点设置为表格的左上角。transform:rotate(-90deg)translateX(-100%);将表格逆时针旋转 90 度并向左移动以与页面左上角对齐。</li> </ul> <p>可在打印机界面设置页面尺寸。</p> </answer> </body></html>

html css printing html-table landscape

回答 0 投票 0

landscape 相关问题

最新问题