UWP磁贴是Win10操作系统上广受欢迎的一种应用菜单,新兴的UWP磁贴设计能够将各种应用程序图标及其信息集成,在界面UI展现上更加具有个性化和多样性,提供更加舒适的操作方式和使用体验。本文将具体讲解Win10系统UWP磁贴的生成步骤及相关知识,赶快跟着本文学习,让你的Win10系统应用菜单变得更加华丽多彩!
1.UWP磁贴的基本概念
UWP磁贴是指Universal Windows Platform开发框架下的一种界面展示方式,能够对应用程序图标和信息进行整合和展示,更加便捷地提供用户操作和体验。磁贴可专属于Windows系统,在与Windows一同更新的同时更新,不能被用户安装或卸载。磁贴也分为小磁贴和大磁贴,小磁贴的尺寸是 70x70 像素,而大磁贴的尺寸是 150x150 像素。UWP磁贴可以展示应用程序的 Logo 、名称、新内容数量、简短描述以及游戏、音乐等应用的实时进度。
2.生成UWP磁贴的步骤
2.1创建Square44x44Logo图片
创建一个Square44x44Logo.png的像素为 44 x 44 的图片并放置在你的客户端应用程序项目(Client)的根目录下。这张图片会被渲染在小磁贴上。用代码打开 Visual Studio 的解决方案,找到你的应用菜单的“属性”(即 Package.appxmanifest文件),单击它,找到“Visual Assets”标签,切换到它下面的“Tile”选项卡。在“Custom”选项卡下,你会看到四个下拉框。依次选择“Square44x44Logo”后,选择 “new" 选项。然后在弹出的窗口中,选择“图片”选项,找到Client项目下创建好的 "Square44x44Logo.png" 图片。
2.2创建Square71x71Logo图片
创建一个Square150x150Logo.png的像素为 71 x 71 的图片并放置在你的客户端应用程序项目(Client)的根目录下,这张图片会被渲染在小磁贴上给用户提供预览。在Visual Assets -> Tile - Large Tile Options - Tap Target,设置341x341 像素的相应区域。
2.3创建Wide310x150Logo图片
创建一个Wide310x150Logo.png的像素为 310 x 150 的图片并放置在你的客户端应用程序项目(Client)的根目录下,这张图片会被渲染在大磁贴上。在XML中必须指定一项宽度为Wide310行磁贴宽度中40%的一个小块的大头针样式,这个style就是Square310x310Logo.png下的可选项中的一项。
2.4包含各种资源
记得将 UWP 磁贴相关的文件以及其他辅助文件添加到应用程序项目中。在解决方案下,添加图像到应用程序项目中。将各种图形素材(图片、图标等)编译到您的应用程序中。在你的项目中添加以下XAML布局文件。
2.5编写XAML布局文件
在你的解决方案中打开 MainPage.xaml 文件,接着你需要在 XAML 布局文件中定义一个磁贴。你可以使用 Visual Studio 设计器直接创建一个磁贴控件。下面是一个常见的磁贴的代码片段:
2.6更新磁贴的内容
在你的应用程序启动时,你需要使用 UWP API 来更新磁贴的数据。使用 UWP API 来更新磁贴的数据很容易。只需使用代码获取 XMLtile 更新的磁贴,然后通过推送通知同步。若要更改磁贴上的数字标记,可以在后台代码中使用 TileUpdate 对象,然后将带数字徽章的通知与该对象关联在一起。
3.UWP磁贴的设计原则
好的UWP磁贴设计应该满足以下原则:
3.1磁贴应该直观简洁
磁贴应该能够直观、简洁地展现你的应用程序数据。套用太多的颜色和元素将使磁贴显得混乱。在设计磁贴时,应该谨慎地选择颜色,不添加过多的元素和文字,以便于用户更加清晰地获取信息。
3.2磁贴的展示方式要多样化
应该考虑到自己的视觉标识,尽可能多样化地展示自己的信息。可以借鉴其他 UWP 应用,创建出多种磁贴展示方式,提供更丰富的选择,让用户从不同维度去了解你的应用。细分设置一些特殊的属性标签,例如颜色、类型、列表或者网格等等。
3.3磁贴内容的更新要及时
平台会自动清除长时间未更新的磁贴,所以要尽快更新最新信息,用户才能够及时获取到这些信息。在监控磁贴更新时,可以使用异步通知,判断磁贴是否成功更新,以免出现磁贴信息更新失败的情况。
3.4提供精准推送消息
磁贴的更新需要保证数据的准确性。研究用户的偏好和喜好,根据用户使用情况,精准地去提供聚合推送信息。这些信息要精准,要有所价值,这样才能够让磁贴真正具有吸引力。
4.总结归纳
本文详细介绍了UWP磁贴的基本概念,还提出了UWP磁贴的设计原则,以及生成UWP磁贴的具体步骤。UWP磁贴可以为用户提供更加全面丰富的信息数据,为用户提供更加舒适的操作方式和使用体验。设计好UWP磁贴,可以让应用程序的使用更加轻松便捷,为用户带来更多的便利。希望本文对您有所帮助。