首页
学习
活动
专区
工具
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 设置为百分比,无论是垂直还是水平,它们都是相对于直接父元素宽度而言,与父元素高度无关。

    22320

    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; 上面代码是扩展页面到标题栏

    43220

    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.6K10

    XAML中响应式布局技术

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

    2.3K10

    win10 uwp ApplicationView

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

    94520

    张高兴 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中加入它们。...现在你了解了如何使用Win2DCanvasControl上绘制图形并在一个应用页面里使用过程,让我们来更深入完成这把尺子。 绘制刻度 一把尺有小刻度大刻度,我们允许用户自定义刻度步长。 ?...例如,关于屏幕宽度之前硬编码了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

    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 Canvas 放一个超过大小元素会不会被裁剪

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

    43410

    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

    win10 uwp 自定义控件入门

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

    89220

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

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

    15310

    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...,这个官方有说比我写还好,但是官方没法拿来

    43010

    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,这个是应用没关。

    47940
    领券