hwyzw 发表于 2025-2-14 06:18:15

Win10 UWP通用应用界面设计:响应式设计在Windows10电脑和手机中的应用

    一般应用的概念出现在WP8.1时代,并在Win10中进一步发展。不仅可以在最大程度上重复使用逻辑代码,而且还可以使用UI代码。一般应用程序的名称也具有UAP和UWP(创建新的UWP项目时也使用了项目数。从三个到一个UAP)。适应不同尺寸的屏幕的同一组UIS称为响应设计。 WIN10 UWP通用应用程序接口设计采用了此机制。在计算机上拖动通用应用程序接口大小时,您可以看到接口UI会在窗口大小更改时自动调整。

    由于它是一个一般应用,因此该机制也可以在手机中起作用,但是在此之前,只有大屏幕手机(大决议)才能看到一些变化。 Win1010549中添加了一项新功能,以调整“此显示器上的文本,应用程序和项目的大小”,即DPI Zoom设置,该设置在PC版本系统中也具有相同的功能。当此值调整为较小的值时,屏幕上的文本和其他内容将变小,并且屏幕上会有更多内容。如果调整到一定尺寸,则接口将与PC版本接口非常相似。

    当然,并非所有常见的应用程序都在不同设备上使用相同的UI,具体取决于开发人员。

    由于Win10 版本10549只能从WP8.1升级,因此许多网民可能仍在使用10536。让我们通过某些屏幕截图(将Zoom设置为最小)进一步了解它:

    屏幕上可以出现四列瓷砖(显示屏需要打开更多瓷砖选项)

    连续显示5个快捷按钮

    多任务视图

    https://img2.baidu.com/it/u=2392008796,2863117217&fm=253&fmt=JPEG&app=120&f=JPEG?w=889&h=500

    水平屏幕中的多任务视图

    App Store,搜索框展开

    存储应用程序页面

    设置 - 系统 - 大约

    https://img1.baidu.com/it/u=2964481862,3725930324&fm=253&fmt=JPEG&app=138&f=JPEG?w=926&h=500

    如果将其更改为光背景,它与计算机非常相似吗?

    个性化设置

    显示设置,上述效果是通过设置“此显示上的文本,应用程序和项目的大小”来实现的。较大的屏幕可能会发生进一步的变化,例如在顶部的边缘浏览器地址栏出现,这与PC版本非常相似。

    在微信上搜索“ IT HOME”以跟随并抓住6s礼物!下载IT家庭客户端(单击此处),您还可以参加评论以获取地板奖!
页: [1]
查看完整版本: Win10 UWP通用应用界面设计:响应式设计在Windows10电脑和手机中的应用