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

如何定位具有固定宽度的UWP顶层窗口以显示在显示屏的一侧(如TaskBar)

UWP(Universal Windows Platform)是一种用于开发跨平台应用程序的框架,它可以在各种Windows设备上运行,包括PC、手机、平板电脑等。在UWP应用程序中,要定位具有固定宽度的顶层窗口以显示在显示屏的一侧(如TaskBar),可以通过以下步骤实现:

  1. 获取屏幕的宽度和高度:可以使用Windows.UI.ViewManagement.ApplicationView类的GetForCurrentView方法获取当前视图的ApplicationView对象,然后使用该对象的VisibleBounds属性获取屏幕的可见区域的宽度和高度。
  2. 设置窗口的宽度和高度:根据需要设置窗口的宽度和高度。可以使用Window.Current对象的Width和Height属性来设置窗口的大小。
  3. 设置窗口的位置:可以使用Window.Current对象的Bounds属性来设置窗口的位置。通过计算屏幕的宽度减去窗口的宽度,可以确定窗口的左边界位置。然后,可以将窗口的Left属性设置为该值,将窗口定位在屏幕的一侧。

以下是一个示例代码,展示如何在UWP应用程序中定位具有固定宽度的顶层窗口以显示在显示屏的一侧:

代码语言:txt
复制
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Navigation;
using Windows.UI.ViewManagement;

public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();
    }

    protected override void OnNavigatedTo(NavigationEventArgs e)
    {
        base.OnNavigatedTo(e);

        // 获取屏幕的宽度和高度
        var currentView = ApplicationView.GetForCurrentView();
        var screenWidth = currentView.VisibleBounds.Width;
        var screenHeight = currentView.VisibleBounds.Height;

        // 设置窗口的宽度和高度
        Window.Current.Width = 500;
        Window.Current.Height = screenHeight;

        // 设置窗口的位置
        var windowLeft = screenWidth - Window.Current.Width;
        Window.Current.Left = windowLeft;
    }
}

在上述示例中,首先通过ApplicationView类获取当前视图的可见区域的宽度和高度。然后,设置窗口的宽度和高度为固定值(这里假设宽度为500),并计算窗口的左边界位置。最后,将窗口的Left属性设置为该值,将窗口定位在屏幕的一侧。

对于UWP开发,腾讯云提供了一系列相关产品和服务,如云服务器、云数据库、云存储等,可以根据具体需求选择适合的产品。你可以访问腾讯云的官方网站(https://cloud.tencent.com/)了解更多信息。

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

相关·内容

Browser 对象所有属性和方法介绍,看这一篇就够了!

方法 方法 描述 alert() 显示带有一段消息和一个确认按钮警告框。 blur() 把键盘焦点从顶层窗口移开。...deviceXDPI 返回显示屏每英寸水平点数。 deviceYDPI 返回显示屏每英寸垂直点数。 fontSmoothingEnabled 返回用户是否显示控制面板中启用了字体平滑。...pixelDepth 返回显示屏颜色分辨率(比特每像素)。 updateInterval 设置或返回屏幕刷新率。 width 返回显示器屏幕宽度。...JavaScript 程序将利用这些信息来优化它们输出,达到用户显示要求。...另外,JavaScript 程序还能根据有关屏幕尺寸信息将新浏览器窗口定位在屏幕中间。 4. History 对象 History 对象包含用户(浏览器窗口中)访问过 URL。

78030

emwin教程_emwin教程

void GUI_DrawBitmap(const GUI_BITMAP * pBM, int x, int y); 1) pBM:指向要显示位图指针; 2) x:位图显示屏中左上角 X 轴坐标...; 3) y:位图显示屏中左上角 Y 轴坐标。...x0, int y0, int xCenter, int yCenter, int xMag, int yMag); 1) pBM:指向要显示位图指针; 2) x0:显示屏定位...X 坐标; 3) y0:显示屏定位 Y 坐标; 4) xCenter:位图中定位 X 坐标; 5) yCentert:位图中定位 Y 坐标; 6) xMag:X方向缩放比例因子,单位为...下一次重新绘制窗口 (手动或通过回调例程) 时,将 验证它 Z 轴位置,底部/顶部: 虽然窗口 X 和 Y 形式显示二维屏幕上,但窗口管理器还可管理 Z-位置 (深 度坐标) 即虚拟三维中一个位置

5.3K40
  • 通用仪表放大器 EVM-Layout

    特点:盲孔位于电路板顶层和底层表面,具有一定深度,用于表层线路和下面的内层线路链接,孔深度通常不超过一定比率(孔径)。...这种制作方式就需要特别注意钻孔深度(Z轴)要恰到好处,不注意的话会造成孔内电镀困难所以几乎无厂采用,也可以把事先需要连通电路层个别电路层时候就先钻好孔,最后再黏合起来,可是需要比较精密定位及对位装置...这个制程通常只使用於高密度电路板,来增加其他电路层可使用空间PCB生产工艺中,钻孔是非常重要,不可马虎。因为钻孔就是覆铜板上钻出所需要过孔,用以提供电气连接,固定器件功能。...走线时候关掉一些无关紧要东西 顶层绘制导线同时,使用切换至底层快捷键 “B”,可自动添加设置过孔,走线并自动切换至底层继续布线。底层则使用快捷键 “T” 切换至顶层继续布线。...当你一个层无法顺利布线连接时候,需要考虑调整器件布局,添加过孔换层绘制。 可以看到就是从下面走了 布线时,如果你想布一段线段后,下一段线增大线宽,可以按 “SHIFT+W” 快速切换导线宽度

    9510

    全民K歌折叠屏适配探索

    : 对于宽比高长视频来说: 首页(容器高宽固定)情况下,无论展开、折叠其宽度填满,高度居中自适应伸缩。...详情页(容器宽度固定、高度可变)情况下,折叠时:容器高度计算为最低高度,视频垂直居中显示;展开时:视频宽度填满、高度自适应伸缩、容器自动扩容。...对于宽比高短视频来说: 首页(容器高宽固定)情况下,展开时视频高度填满,宽度居中对齐;视频高度填满,宽度按比例溢出。...详情页(容器宽度固定、高度可变)情况下,折叠时:容器高宽与视频等比占满屏幕宽度,高度自适应;展开时:视频尽可能放大,但满足高度等比情况下不会溢出最大可视范围。...如果 Activity 具有多个显示屏设备上运行,则用户可以将 Activity 从一个显示屏移到另一个显示屏;多个 Activity 可以同时接收用户输入。

    2.4K30

    WPF 托盘显示 NotifyIcon WPF

    本文告诉大家如何在 WPF 实现在托盘显示,同时托盘可以右击打开菜单,双击执行指定代码 NotifyIcon WPF 通过 Nuget 安装 Hardcodet.NotifyIcon.Wpf 可以快速做到...因为托盘是程序托盘,不是窗口,所以推荐代码是写在 App.xaml.cs 里面 先创建一个托盘界面,界面 App.xaml 创建 托盘是需要图标的,可以从 Iconfont-阿里巴巴矢量图标库...TaskbarIcon _taskbar; 运行代码可以看到图片显示图标,下面的图片是我图标 ?...鼠标移动托盘上面显示文字,可以 TaskbarIcon 添加代码 <tb:TaskbarIcon x:Key="<em>Taskbar</em>" ToolTipText...因为可以添加控件,发挥你想法,添加按钮 <tb:TaskbarIcon x:Key="<em>Taskbar</em>" ContextMenu="{StaticResource

    7K31

    XAML中响应式布局技术

    响应式布局概念是一个页面适配多个终端及不同分辨率。针对特定屏幕宽度优化应用 UI 时,我们将此称为创建响应式设计。...桌面客户端合理使用以上技术可以避免客户投诉。但UWP主打跨平台,它需要更先进(或者说,更激进)技术。 2....响应式设计技术 微软官方文档介绍了UWP中响应式设计常用6个技术,包括重新定位、调整大小、重新排列、显示/隐藏、替换和重新构建,具体可见以下网站: ?... Auto 模式下,导航视图会进行自适应,在窗口狭窄时为 LeftMinimal,接下来为 LeftCompact,随后在窗口变宽时为 Left。 ?...说到性能,UWP很多场景都为已经死了多年WindowsWobile考虑了性能,更不用说现在桌面平台,所以做UWP不需要太过介意性能,尤其是已经WPF上培养出小心翼翼习惯开发者,UWP性能问题等真的出现了再说

    2.3K10

    苹果Vision Pro拆解:内部细节全面曝光!

    iFixit进一步表示,Vision Pro前置OLED显示屏表面的透镜层前面还有另一个塑料透镜层,具有类似的透镜脊。该层似乎将显示画面进一步拉伸到足以适合宽度。...将多个固定螺丝拆卸并断开连接线后,就可以将透镜和Mirco OLED显示屏组成两个模组取下。可以看到,这两个模组是被固定在一个共同金属框架之上,可以由电机驱动进行适度移动。...△风扇正面(面向OLED显示屏一侧) △风扇背面(面向主板一侧) 眼球追踪+虹膜识别 人机交互方面,为了提升用户体验,Vision Pro交互抛弃了常见手柄等方式,而是采用了眼球追踪、手势、语音等多种融合式交互方式...这种零件配对令人讨厌,最好有一种方法可以允许使用第三方镜片同时进行校准。 另外,对于患有可能会干扰眼球追踪眼部疾病(斜视)用户,可能将无法使用眼球追踪功能。...模块化扬声器 Vision Pro头戴式固定方式上,采用是常见具有松紧头带固定,基于3D编织一种非常独特肋骨结构,针织材质兼顾透气、缓冲和拉伸功能。

    30110

    CSS布局(三) 布局模型

    流动布局模型具有2个比较典型特征: 第一点,块状元素都会在所处包含元素内自上而下按顺序垂直延伸分布,因为默认状态下,块状元素宽度都为100%。实际上,块状元素都会形式占据位置。...固定定位 fixed:表示固定定位,与absolute定位类型类似,但它相对移动坐标是视图(屏幕内网页窗口)本身。...由于视图本身是固定,它不会随浏览器窗口滚动条滚动而变化,除非你屏幕中移动浏览器窗口屏幕位置,或改变浏览器窗口显示大小,因此固定定位元素会始终位于浏览器窗口内视图某个位置,不会受文档流动影响...为了表示三维立体概念显示元素上下层叠加顺序引入了z-index属性来表示z轴区别。表示一个元素叠加顺序上上下立体关系。 z-index值较大元素将叠加在z-index值较小元素之上。...4.2只对定位元素有效 z-index属性适用于定位元素(position属性值为 relative 或 absolute 或 fixed对象),用来确定定位元素垂直于显示屏方向(称为Z轴)上层叠顺序

    2.3K71

    掌握这4 个关键 CSS 属性,你才算入门 CSS

    开发人员主要使用块级元素来简化布局过程,因为他们能够改变他们选择元素宽度和高度。 inline:这是默认值,如果没有指定任何其他显示值,元素可以并排放置与内联元素相同水平线上。...您可以在下拉菜单中使用它,当你将鼠标悬停在导航菜单上时会显示附加信息。 2、Float float 属性用于定位和格式化内容。 简单来说,float 属性管理HTML内容父容器一侧边缘位置。...它只是指 HTML 元素背景,大多数时候开发人员多个背景属性之间感到困惑。但是,如果你对如何在 CSS 中选择背景有一个清晰解释,那么使用 HTML 元素会容易得多。...大多数情况下,你将使用以下 3 个值: 绝对:绝对定位元素查找本身具有相对、绝对或固定位父后代元素。 相对:具有相对位置元素将相对于其正常位置进行定位。...固定具有固定位元素相对于视口定位,但是,顶部、底部、左侧和右侧属性用于定位元素。

    1.9K30

    iPhone X 适配指南 (官方翻译版)

    屏幕尺寸 纵向方向上,iPhone X上显示屏宽度与iPhone 6,iPhone 7和iPhone 84.7 寸显示屏宽度相匹配。...大多数使用标准系统提供UI元素(导航栏,表格和集合)应用程序会自动适应设备新外形。背景材料延伸到显示边缘,并且UI元件被适当地插入和定位。...状态栏iPhone X上比在其他iPhone上更高。如果您应用假定固定状态栏高度用于将内容定位在状态栏下方,则必须更新您应用,才能根据用户设备动态定位内容。...iPhone上显示高度为4.7 寸iPhone显示屏提供了更多内容垂直空间,状态栏占据您应用程序可能赢得屏幕区域状态栏还显示人们发现有用信息,只能隐藏交换附加值。...iPhone X具有不同于4.7 寸iPhone长宽比,因此,全屏4.7 寸iPhone图形iPhone X上全屏显示时出现裁剪或letterboxed。

    2.5K50

    为任意屏幕尺寸构建 Android 界面

    另一个案例是 Microsoft Outlook,它最近更新通过使用双窗口布局充分发挥了大屏优势,可以同时查看收件箱和电子邮件内容,并能够拥有多个显示屏某个单独窗口中独立撰写电子邮件。...△ 基于宽度窗口大小类表示 除了以上三种基于宽度断点外,我们还引入了具有相同类别名称基于高度断点,以便适用于更高级别的布局场景,并赋予更多灵活性。...600dp 或更大显示屏中移除底部应用栏。...为了并排显示 Feed 和 Post,JetNews 简单地使用 Row 包裹两个组件,第一个组件具有固定宽度,第二个组件填充屏幕其余部分。... JetNews 中我们首先获取窗口大小类信息,较小和中等型宽度显示窗口,而在展开型宽度显示列表/详情布局。

    4.2K20

    css属性详解

    三种取值 left:向左浮动 right:向右浮动 none:默认值,不浮动 clear clear属性规定元素一侧不允许其他浮动元素。 值 描述 left 左侧不允许浮动元素。...relative(相对定位) 相对定位是相对于该元素文档流中原始位置,即自己原始位置为参照物。有趣是,即使设定了元素相对定位以及偏移值,元素还占有着原来位置,即占据文档流空间。...重点:如果父级设置了position属性,例如position:relative;,那么子元素就会父级左上角为原始点进行定位。...fixed(固定) fixed:对象脱离正常文档流,使用top,right,bottom,left等属性窗口为参考点进行定位,当出现滚动条时,对象不会随着滚动。...在理论上,被设置为fixed元素会被定位于浏览器窗口一个指定坐标,不论窗口是否滚动,它都会固定在这个位置。

    2K101

    JavaScript交互式网页设计 • 【第3章 JavaScript浏览器对象模型】

    close 关闭浏览器窗口 open 打开一个新浏览器窗口,加载给定URL所指定文档 setTimeout 设定毫秒数后调用函数或计算表达式 setInterval 按照设定周期(毫秒计)...、width 窗口文档显示高度、宽度,单位为像素 left、top 窗口与屏幕左边、顶端距离,单位为像素 示例:制作一个从天而降广告页面,打开主页面时,广告页面也随之打开   <...,在编写时可以不使用 window前缀 属性 描述 availWidth 返回显示屏可用宽度(除 Windows 任务栏之外) availHeight 返回显示屏可用高度(除 Windows 任务栏之外...) colorDepth 返回目标设备或缓冲器上调色板比特深度 pixelDepth 返回显示屏颜色分辨率(比特每像素) width 返回显示器屏幕宽度 height 返回显示器屏幕高度...加载给定 URL 所指定文档 setInterval() 方法:按照设定周期(毫秒计)来重复调用函数或表达式 history对象用来管理当前窗口最近访问过URL location对象用来管理当前窗口

    78310

    OPPO Air Glass开发

    功能上,定位在为辅助现实(Assisted Reality),目的在于给用户提供高效即时信息辅助。外观设计上,镜片呈羽毛状,主体扁平状造型与羽毛羽根相近,整体“轻若鸿毛,薄蝉翼”。...设计应用时,建议精简克制地呈现内容,避免用户被过多信息打扰或干扰视线,并尽可能减少不必要细节和装饰。 目前这个东西定位在手机扩展显示,并不是单独系统。而且由于显示屏微小。...眼镜采用了衍射光波导技术,将Micro LED 微型显示屏和咖啡豆大小OPPO自研Spark微型光机隐藏在眼镜主体中,向镜片中光波导一侧投射光线,波导片中经过无数次反射和扩散之后,最终传递到人眼前...成像位置:光波导投射到眼睛画面是固定,暂时不能调节距离和显示大小。...图标大多数使用 2px 圆角,但每个图标至少应有 1 个尖角。这个尖角可以放在最具有意义或最吸引人视线地方。不限制某一个角位置,可能会变得多余而且限制性很强。

    82220

    CSS笔记(14)

    CSS定位 为什么需要定位? 浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子. 定位则是可以让盒子自由某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子....原来标准流位置继续占有,后面的盒子仍然标准流方式对待它.(不脱标,继续保留原来位置) 3.绝对定位 绝对定位是元素移动位置时候,是相对于它祖先元素来说....父盒子需要加定位限制子盒子父盒子内显示. 父盒子布局时,需要占有原来位置,否则下面的盒子会升上来,被压在下面.因此父级只能是相对定位....语法: 选择器 { position : fixed ; } 浏览器可视窗口为参照点移动元素....做出来就是类似的效果. 5.粘性定位(了解) 粘性定位可以被看做是相对定位固定定位混合 语法: 选择器 { position : sticky ; } 浏览器可视窗口为参照点移动像素(固定定位特点

    58710

    windows10任务栏图标变白_为什么win10桌面图标会变成白色

    软件使用过程中,有时会发现任务栏软件图标消失,变成了一个白色,有点轻微强迫症我肯定是不能容忍。...\TrayNotify" /va /f taskkill /f /im explorer.exe & start explorer.exe 方法二: 1、”win”+“R键”弹出运行窗口...,输入%APPDATA%\Microsoft\Internet Explorer\Quick Launch\User Pinned\TaskBar 2、弹出TaskBar文件夹中,发现没有图标显示异常快捷方式...将该程序快捷方式放入到TaskBar文件夹 3、重新运行该程序,若未恢复图标,在任务栏上右键点击【固定到任务栏】再取消固定,可以发现图标显示正常。...发现本站有涉嫌侵权/违法违规内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    1.5K20

    CSS学习

    块级元素 html中、、、、、就是块级元素。设置display:block就是将元素显示为块级元素,使该元素具有块级元素特点。...3、元素宽度不设置情况下,是它本身父容器100%,除非设定一个宽度。...流动模型 流动模型(Flow)是默认网页布局模式。流动布局模型具有两个比较经典特征: 1、块状元素都会在所处包含元素内自上而下按顺序垂直延伸分布,因为默认状态下,块状元素宽度都为100%。...实际上块状元素都会形式占据位置。 2、流动模型下,内联元素都会在所处包含元素内从左到右水平分布显示。...由于视图本身是固定,它不会随浏览器窗口滚动条滚动而变化,除非你屏幕中移动浏览器窗口屏幕位置,或改变浏览器窗口显示大小,因此固定定位元素会始终定位于浏览器窗口内视图某个位置,不会受文档流动影响

    1.2K40

    【Hello CSS】第三章-浏览器视图与坐标

    视网膜显示屏(Retina Display) 视网膜显示屏(Retina Display)是一种由苹果公司设计和委托制造显示屏。...有研究表明,人类肉眼能够分辨最高PPI是300PPI,所以超过PPI超过300往往被称为Retina显示屏,这个概念是不对,Retina显示屏指的是人体正常使用距离下,无法用肉眼看到屏幕像素显示屏...下图为喷墨打印机较低质量约 0.25 平方英寸范围内按 150 dpi 打印效果特写 ?...尺寸较大设备中,在这些设备上,应用显示区域不一定是全屏,viewport 是浏览器窗口大小。 大多数移动设备中,浏览器是全屏,viewport 是整个屏幕大小。...这个特性主要被用于移动设备,但是也可以用在支持类似“固定到边缘”等特性桌面浏览器,微软Edge。 按百分比计算尺寸时候,就是参照初始视口(viewport)。

    2.3K20

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

    中文 English 本文主要讲实现一个简单界面,可以在窗口比较大显示列表和内容,窗口比较小时候显示列表或内容。也就是在窗口比较小时候,点击列表会显示内容,点击返回会显示列表。 先放图,很简单。...开始窗口是很大,可以两栏,其中左边显示列表,右边因为开始没有点击列表就显示图片,点击列表显示内容,就是下面的图。 ? ?...本文是很简单,一般和我一样渣都能大概知道。 代码是我很大压力会议上写,不到一个钟,写完修改,和大家说。我写很简单,可以修改我代码,可以自己写,下面我来说下如何写。...我们首先需要一个Grid,分为两栏,其中一栏为List,一栏为Content 大屏宽度,也就是我们可以把Grid两栏显示,基本就是Frame导航就好了。...那么我们界面变化是否,是否知道我们显示内容还是显示列表,这时就是我们得HasFrame,依靠这个选择ZIndex 修改我代码 现在需要说下,如何修改我代码,作为你需要。

    1.9K00
    领券