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

我如何设置我的UWP页面在启动时具有恒定的宽度和高度?

要设置UWP页面在启动时具有恒定的宽度和高度,可以按照以下步骤进行操作:

  1. 在XAML页面的根元素中,设置WidthHeight属性为所需的固定值,例如:
代码语言:txt
复制
<Page
    x:Class="YourNamespace.YourPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600">
    <!-- 页面内容 -->
</Page>
  1. 如果需要页面在不同设备上自适应,可以考虑使用自适应布局,例如使用Grid布局,并设置行和列的定义为固定值或百分比,以适应不同屏幕尺寸。示例代码如下:
代码语言:txt
复制
<Page
    x:Class="YourNamespace.YourPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <!-- 页面内容 -->
    </Grid>
</Page>
  1. 如果需要在页面启动时动态设置宽度和高度,可以在页面的代码-behind文件中的构造函数或Loaded事件处理程序中设置WidthHeight属性。示例代码如下:
代码语言:txt
复制
public YourPage()
{
    InitializeComponent();
    Loaded += YourPage_Loaded;
}

private void YourPage_Loaded(object sender, RoutedEventArgs e)
{
    // 设置宽度和高度
    Width = 800;
    Height = 600;
}

通过以上步骤,你可以设置UWP页面在启动时具有恒定的宽度和高度。请注意,以上示例中的宽度和高度值仅作为示例,你可以根据实际需求进行调整。

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

相关·内容

win10 uwp 简单MasterDetail UWP 导航List点击后退按钮页面更改大小修改显示修改我代码源码左右的列表和内容的相互操作

https://msdn.microsoft.com/windows/uwp/controls-and-patterns/master-details 国内晓迪文章很好,但是文章对我渣渣很难知道如何做。...本文是很简单的,一般和我一样渣都能大概知道。 代码是我在很大的压力会议上写的,不到一个钟,写完修改,和大家说。我写的很简单,可以修改我代码,可以自己写,下面我来说下如何写。...我们需要判断我们是否点击了List和用户是否点了返回键,一旦按返回键,我们显示列表,当然在我们屏幕大,可以不做什么,如果屏幕小,就需要设置ZIndex。...那么我们在界面变化的是否,是否知道我们显示内容还是显示列表,这时就是我们得HasFrame,依靠这个选择ZIndex 修改我代码 现在需要说下,如何修改我的代码,作为你需要。...) 如果我们按返回,但是我们撸了一半,假如我们是页面跳转,不使用我源码,那么加上 NavigationCacheMode ,保存页面,这样不会让页面现在的选择重新 左右的列表和内容的相互操作 如果需要使用左右两边相互操作

1.9K00

每个高级前端工程师都应该知道的前端布局

我不想做了设计工作,最后却说它不好看,因为我不会做设计。 2.自适应 自适应是一套代码,无论屏幕尺寸如何变化,改变的只是页面的元素尺寸,而不会出现三栏变两栏的表格变化。...以前,领导和设计总让我修改页面,说是自适应窗口的变化。结果要求把三栏改成两栏。为什么要把这个按钮隐藏起来,那个按钮改成外观,怎么改呢?难道不需要设计一张图片吗?我是不是在幻想?...使用弹性布局 使用百分比 避免写死宽度和高度 添加滚动条 使用 rem 3.移动终端的常用宽度和高度 垂直屏幕的常见宽高比:1:2, 2:3, 3:4, 3:5, 5:8, 9:16 横向屏幕的常见宽高比...如果为子元素的顶部和底部设置了百分比,它将相对于父元素的高度,并直接进行非静态定位(默认定位)。同样,如果为子元素的左侧和右侧设置了百分比,它将与父元素宽度的直接非静态定位(默认定位)相对应。...如果子元素的 padding 和 margin 设置为百分比,无论是垂直还是水平,它们都是相对于直接父元素的宽度而言的,与父元素的高度无关。

23220
  • win10 uwp Fluent Design System 实践

    本文告诉大家我收集的一些 Fluent Design System 设计,希望能给大家一些帮助 需要知道 Fluent Design System 是微软在最近提出的,有 Light、Depth、Motion...如何设计请看 Build Amazing Apps with Fluent Design 下面是我从系统收集的界面 设置 无边框的设计按钮在这里使用,可以看到无边框的按钮会在之后很多使用,如果大家在设计按钮的时候...无边框按钮请看 [UWP]使用Reveal - dino.c - 博客园,里面的代码直接拿就可以做出无边框的按钮,下面是 dino 大神做出的界面 需要知道 dino 大神的按钮使用的设计是 Reveal...如何在软件使用毛玻璃,请看 win10 uwp 毛玻璃 - 林德熙 创建空白界面 下面来告诉大家如何创建一个空白页面 首先创建一个页面,随意的命名,然后在主页面跳转到这个页面,因为这是用于测试的。...30,宽度50 CoreApplication.GetCurrentView().TitleBar.ExtendViewIntoTitleBar = true; 上面代码是扩展页面到标题栏

    44020

    C# dotnet 使用 OpenXml 解析 PPT 元素的坐标和宽度高度

    在阅读本文之前,我期望你能了解基础的 PPT 解析内容,或看我的入门级博客。...本文将告诉大家如何从 PPT 里面解析出通用元素的 x 和 y 的值,以及元素的宽度和高度的值 在开始之前请看 C# dotnet 使用 OpenXml 解析 PPT 文件 在拿到 slidePart.Slide.CommonSlideData.ShapeTree...里面的元素,几乎所有元素都存在坐标和宽度高度,这里的元素我称为通用元素,也就是不是特定的如形状、图片元素 此时的元素应该是继承 OpenXmlElement 类,在这个类里面可以通过 GetFirstChild...ext 获取元素的宽度和高度,请看代码 var extents = transform2D.GetFirstChild();...UWP 中设置元素的坐标请看 win10 uwp 拖动控件 ----

    1.7K10

    XAML中的响应式布局技术

    响应式布局的概念是一个页面适配多个终端及不同分辨率。在针对特定屏幕宽度优化应用 UI 时,我们将此称为创建响应式设计。...而且和网页不同,WPF窗体默认没有提供ScrollViewer,所以千万不能忘记。在桌面客户端合理使用以上技术可以避免客户投诉。但UWP主打跨平台,它需要更先进(或者说,更激进)的技术。 2....UWP提供了AdaptiveTrigger这个状态触发器,它以MinWindowWidth和MinWindowHeight未条件,根据页面宽度或高度进入设定好的不同状态(通常来说只使用MinWindowWidth...,同时使用Height和Width做条件很容易产生混乱,而且大部分情况下响应式布局都会使用垂直滚动条所以对高度不关心。)...在下面的示例中StackPanel默认使用垂直排列,当页面的宽度超过720像素时改为水平排列。

    2.3K10

    win10 uwp ApplicationView

    本文和大家介绍一个重要的类,他可以用来设置窗口,如设置启动大小,设置是否允许截图,是否进入全屏,所有和窗口有关的,都可以在他这里设置。...applicationView.IsOnLockScreen 我自己尝试锁屏但是依旧无法获得,如果知道这个是什么,请告诉我。 如何设置可以不截图?...如果对于显示密码或其他的页面,是要求打开这个设置,也就是在输入密码时,是需要设置不可截图,如果设置了,那么截图是黑色,无法获得。在不显示密码时,可以设置为 true,这时可以截图。...如何获取窗口是横向显示?applicationView.Orientation 可以获取窗口是宽度大于高度,也就是横向,还是相反。...不是使用屏幕反向,是软件的宽度等,是不是看起来是横向 PreferredLaunchViewSize 这个属性是设置窗口大小使用,在设置 PreferredLaunchWindowingMode 为 PreferredLaunchViewSize

    95420

    张高兴的 Xamarin.Forms 开发笔记:为 Android 与 iOS 引入 UWP 风格的汉堡菜单 ( MasterDetailPage )

    所谓 UWP 样式的汉堡菜单,我曾在“张高兴的 UWP 开发笔记:汉堡菜单进阶”里说过,也就是使用 Segoe MDL2 Assets 字体作为左侧 Icon,并且左侧使用填充颜色的矩形用来表示 ListView...待项目创建完成后,解决方案共包含四个项目:共享代码项目、 Android 项目、 iOS 项目、 UWP 项目。共享代码项目为存放共享页面的地方,个人觉得和类库还是有点区别的。 ?...MasterPageItem.cs   和 UWP 的汉堡菜单一样,首先要创建一个类,作为导航的项目,用来绑定 ListView 。名字叫 MasterPageItem.cs 。   ...ListView 的 ItemTemplate 与 UWP 稍有不同,左侧的填充矩形换成了 BoxView,二级菜单的上边线由 Border 换成了高度为1的 BoxView。...因此我在后台代码设置了二级菜单的高度,也就是48 * secondaryItems.Count。两个 ListView 需要通过属性的方式,向 MainPage 传递控件。

    4.5K100

    打造一把UWP像素尺

    在特定应用里,我们需要用标尺来标识屏幕上的像素。然而唯一内置的尺是在InkToolbar控件里的,我们没法拿出来用。今天我就教大家如何自己打造一把UWP引用里随处可用的像素尺。 ?...创建绑定属性 这把尺至少需要一个宽度和一个背景色,在PixelRuler.xaml.cs中加入它们。...现在你了解了如何使用Win2D在CanvasControl上绘制图形并在一个应用页面里使用的过程,让我们来更深入的完成这把尺子。 绘制刻度 一把尺有小刻度和大刻度,我们允许用户自定义刻度的步长。 ?...例如,关于屏幕宽度,我之前硬编码了1920。我们把它设置为用户屏幕分辨率的大边。...获取屏幕分辨率的简单方法可以安装我的UWP助手库获得: Install-Package Edi.UWP.Helpers 现在你可以把每一处1920都改成largePixel了: var pixelW

    1.1K20

    UWP 开发中,需要知道的1000个问题

    本文主要写我开发遇到常(zhi)见(zhang)问题。 真的有那么多问题?其实我就想记 ListViewItem 的问题,我自己都不记得在什么时候写如何设置他不压缩。...设置 ListView 列表项宽度 默认 ListViewItem 是宽度压缩,在 ListView 添加代码 <ListView.ItemContainerStyle...ListView 如果需要设置 WPF 的 ListView 宽度,可以使用HorizontalContentAlignment="Stretch" UWP 设置文本使用文字图标 在 UWP 很经常看到这样的图标...TargetType property 就是存在样式没有设置 TargetType ,在UWP所有的样式都需要添加 TargetType 才可以使用。...下面,我来告诉你一些有趣的故事: 有趣的“烫烫烫烫”和“屯屯屯屯” - imjustice - 博客园 工具 介绍一下好用的工具 HappyStudio.UwpToolsLibrary.Auxiliarys

    1.6K20

    win10 uwp 异步进度条 圆形进度条

    本文主要讲我设计的几个进度条,还有如何使用异步控制进度条,如何使用动画做进度。...我使用一个ProgressBar 需要设置他的各个值,如果不设置,一般最大值为100,最小为0,所以可以表示百分数,其中Value是double,绑定后台就好。...://github.com/lindexi/UWP,打开我的进度条文件夹,里面有View文件夹 我在View有一个控件RountProgress复制他到你的解决方案,如果我的控件大小和你不一样,很简单调整...,然后在界面把我们的宽度给属性,然后换为我们的宽度算,这个简单 代码在https://github.com/lindexi/UWP/tree/master/uwp/control/Progress/Progress...,这个在官方有说比我写还好,但是官方的我没法拿来 ----

    1.6K10

    win10 uwp dataGrid Microsoft.Toolkit.Uwp.UI.Controls.DataGrid表格控件

    本文告诉大家如何在 UWP 使用 DataGrid ,提供两个方法使用。...在设置数据之前,需要先定义一个类作为数据,下面定义 Foo ,里面只有两个属性 public class Foo { public string Name { get;...还可以设置为 Vertical 只显示水平表格线,和设置 All 显示水平和垂直的表格线 交替行 通过 AlternateRowBackground 可以设置交替行的背景,下面会设置AlternatingRowBackground...- Windows Community Toolkit DataGrid 表格控件 我们先要知道我说的是哪个?...其实DataGrid就是表格控件,本文就是告诉大家如何做一个UWP 表格控件 一开始我是改ListView,ListView有个问题,就是你设置他的宽度实际是很小,这个如何做?

    2.9K10

    UWP 开发中,需要知道的1000个问题

    本文主要写我开发遇到常(zhi)见(zhang)问题。 真的有那么多问题?其实我就想记 ListViewItem 的问题,我自己都不记得在什么时候写如何设置他不压缩。...设置 ListView 列表项宽度 默认 ListViewItem 是宽度压缩,在 ListView 添加代码 <ListView.ItemContainerStyle...ListView 如果需要设置 WPF 的 ListView 宽度,可以使用HorizontalContentAlignment="Stretch" UWP 设置文本使用文字图标 在 UWP 很经常看到这样的图标...TargetType property 就是存在样式没有设置 TargetType ,在UWP所有的样式都需要添加 TargetType 才可以使用。...UWP 应用获取各类系统、用户信息 (1) - 设备和系统的基本信息、应用包信息、用户数据账户信息和用户账户信息 ContentDialog 透明背景 张高兴的 UWP 开发笔记:定制 ContentDialog

    2.2K20

    win10 uwp 异步进度条

    本文主要讲我设计的几个进度条,还有如何使用异步控制进度条,如何使用动画做进度。...我使用一个ProgressBar 需要设置他的各个值,如果不设置,一般最大值为100,最小为0,所以可以表示百分数,其中Value是double,绑定后台就好。...://github.com/lindexi/UWP,打开我的进度条文件夹,里面有View文件夹 我在View有一个控件RountProgress复制他到你的解决方案,如果我的控件大小和你不一样,很简单调整...,然后在界面把我们的宽度给属性,然后换为我们的宽度算,这个简单 代码在https://github.com/lindexi/UWP/tree/master/uwp/control/Progress/Progress...,这个在官方有说比我写还好,但是官方的我没法拿来

    43210

    win10 uwp 在 Canvas 放一个超过大小的元素会不会被裁剪

    我尝试在一个宽度200高度200的 Canvas 放了一个宽度 300 高度 300 的元素,这个元素会不会被 Canvas 裁剪了?...经过我的测试,发现默认是不会被裁剪 火火问了我一个问题,如果有一个元素超过了 Canvas 的大小,会不会被 Canvas 裁剪。我在自己的项目写了一下,发现会被裁剪,于是就告诉他。...Canvas 的颜色是 DarkCyan 而里面放一个宽度和告诉都比 Canvas 大的元素,而且颜色是蓝色,这时就看可以看到会不会被裁剪,运行可以看到下面界面 ?...因为我使用的是以前的项目里面写的,这个项目里面是因为使用了Clip的原因,修改清真的代码请看下面 的代码和在 UWP 的代码是完全一样的,这时运行一下,和 UWP 界面一样 ?

    43710

    win10 uwp 自定义控件入门

    本文告诉大家如何在 UWP 使用 CustomControl 自定义控件,在 UWP 的自定义控件的中文翻译是模板化控件,通过自定义控件可以完全控制整个控件的布局和渲染。...这样可以对应资源字典和创建的控件 在资源字典先引用命名控件,我这里创建 Board 是在 lindexi.UWP.Framework 命名空间,就需要在资源字典引用xmlns:local="using...,在 UWP 的布局和 WPF 的一样,都是先进过测量再进行控制每个控件的坐标和大小。...假如第一个控件也是一个容器,那么如何知道这个容器的的高度是多少?因为容器的大小可以是容器里面的元素决定的,需要让这个容器先知道他里面的控件的大小才可以知道容器的大小。...100 宽度也是 100 在测量的过程就会传入大小是 100x100 但是在布局的过程就依赖当前的控件是在 StackPanel 的第几个控件,减去前面控件用的地方在是这个控件可以用的。

    90220

    win10 uwp 在 Canvas 放一个超过大小的元素会不会被裁剪

    我尝试在一个宽度200高度200的 Canvas 放了一个宽度 300 高度 300 的元素,这个元素会不会被 Canvas 裁剪了?...经过我的测试,发现默认是不会被裁剪 火火问了我一个问题,如果有一个元素超过了 Canvas 的大小,会不会被 Canvas 裁剪。我在自己的项目写了一下,发现会被裁剪,于是就告诉他。...Canvas 的颜色是 DarkCyan 而里面放一个宽度和告诉都比 Canvas 大的元素,而且颜色是蓝色,这时就看可以看到会不会被裁剪,运行可以看到下面界面 如图,可以看到超过 Canvas 的元素不会被裁剪...因为我使用的是以前的项目里面写的,这个项目里面是因为使用了Clip的原因,修改清真的代码请看下面 的代码和在 UWP 的代码是完全一样的,这时运行一下,和 UWP 界面一样

    15610

    win10 uwp 九幽图床

    本文主要是图片加水印自动上传,代码已经上传github 图片加水印,我的方法,简单,一个好的方法是毒逆天大神的图片加水印方法或http://daily.zhihu.com/story/8812028 我们现在用我的方法...我们可能有很多地方需要上传,我现在使用是九幽,之前有smms的图床,我们做一个通用任务。...Scale 缩放比例,如果没有设置,默认-1,上传图片不缩放 Width 默认-1,图片宽度,有设置上传为设置宽度 Height 默认-1,图片高度 public abstract...sendFileCustom 上传图片设置图片宽度和高度,我们判断(uploadImageTask.Width > 0) && (uploadImageTask.Height > 0) sendFileOriginal...我们可以创建应用,我们可以用我们创建的应用,可以看到key 我们创建一个类来放我们的key,我们上传还需要我们的图床密钥。 图床,九幽叫云存储。 我们可以看到我们的key,这个是和应用没关。

    48340
    领券