我需要一个背景透明的 ContentDialog,像下图一样.如何定制?写了一个简单的示例(https://github.com/ZhangGaoxing/uwp-demo/tree/master/ContentDialogDemo) 首先在项目里新建一个资源字典,并在 App.xaml 添加以下代码将此资源字典合并 <Application.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionar

开始之前,先上一张美图.图中的花叫什么,我已经忘了,或者说从来就不知道,总之谓之曰“野花”.只记得花很美,很香,春夏时节,漫山遍野全是她.这大概是七八年前的记忆了,不过她依旧会很准时的在山上沐浴春光,灿烂盛开,只是我看不到罢了. 文艺过后,就要看到重点了.上图是Windows10自带的图片裁切工具,应该是作为插件集成在“照片”应用中.当然不止于此,几乎所有涉及照片上传类的APP,都会提供裁切图片这个基本功能.实现方式有很多种,我这儿给出自己的一种解决方案. 先上效果图: 大致分析如下: 图片本身

uwp自带的button本身不支持圆角属性,所以要通过自定义控件实现. 通过设置Button的Background=“{x:Null}”设置为Null使背景为空,再设置Button.Content中的内容,采用如下代码方式: 前端代码: <UserControl x:Class="Test.UWP.ExtendControls.UWPButton" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentat

先看效果: 参照Android的实现方式用RadioButton来实现,但是Uwp的RadioButton并没有安卓的Selector选择器 下面是一个比较简单的实现,如果有同学有更好的实现,欢迎留言,让我们共同进步. 1.首先自定义一个RadioImageButton控件,并定义几个依赖属性,代码如下 using System; using System.Collections.Generic; using System.Text; using Windows.UI; using Window

在做游民星空的搜索页面的时候,需要展示搜索热点词,返回的是一个string数组的形式,然后以一种错落的方式显示,每一个Item的大小都和热点词长度一致,然后一行放不下之后就换行,描述的不太直观,直接看图好了. 当我有这个布局需求的时候我首先就想到了看过的一篇ms-uap的博客-通过Measure & Arrange实现UWP瀑布流布局 ,自定义ItemsPanel可以满足我的需求 首先新建一个类继承Panel,然后重写Panel里的两个方法MeasureOverride 和 ArrangeOve

先看效果: 参照Android的实现方式用RadioButton来实现,但是Uwp的RadioButton并没有安卓的Selector选择器 下面是一个比较简单的实现,如果有同学有更好的实现,欢迎留言,让我们共同进步. 1.首先自定义一个RadioImageButton控件,并定义几个依赖属性,代码如下 1 using System; 2 using System.Collections.Generic; 3 using System.Text; 4 using Windows.UI; 5 us

在UWP开发中,我们可以改变状态栏样式,让你的应用更加好看. 先来一简单的应用: 为了做例子,所以我做的很简单,在MainPage的Grid里,插了一个Image <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <Image Source="Assets/images/indexBg.jpg" Stretch="UniformToFill&qu

由于最近有需求,所以自定义了一个随意拖动元素的Behavior. 当然在使用这个自定义的Behavior时,有个小假设:拖动元素必须是Canvas容器的子元素. 实现原理比较简单低效: 监听被拖动元素的PointerMoved事件,当事件触发的时候,获取当前的指针信息,判断是否处于鼠标左键按下状态(Properties.IsLeftButtonPressed,在触摸屏上,手指移动时,该属性也为真),如果为真,就执行改变元素位置的代码,否则不做处理. 原理大致如上. 鉴于比较简单,直接上代码 pu

1. 概述 微软官方有提供自己的密码控件,但是控件默认的行为是输入密码,会立即显示掩码,比如 *.如果像查看真实的文本,需要按查看按钮. 而我现在自定义的密码控件是先显示你输入的字符2s,然后再显示成掩码.当然这种场景并不一定适用于密码,也可以用在Pin码. a. 微软官方的密码框   b. 自定义的效果 2. 密码框控件实现 要想实现自定义的密码框,我们当然要继承微软的TextBox控件,然后加入我们自己需要的东西. a. 这里添加了一个加密类型的密码 Password 字段,真实密码文本 R

xml  code ---------------------------------------------------- <Page x:Class="MyApp.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:l

MessageDialog 在Metro程序中,没有传统的窗口,当我们要用需要交互的消息提示时,在Win8时代,引入了一个MessageDialog来取代常用的MessageBox.使用方法如下: private async void onButtonClick(object sender, RoutedEventArgs e) { var dialog = new MessageDialog("当前设置尚未保存,你确认要退出该页面吗?" ,"消息提示"); dia

原文 UWP 扩展/自定义标题栏的方法,一些概念和一些注意事项 在 Windows 10 的前几个版本中将页面内容扩展到标题栏上还算简单,主要是没什么坑.直到一些新控件的引入和一些外观设计趋势变化之后,扩展标题栏开始出现一些坑了. 本文将重温 UWP 自定义标题栏或者扩展标题栏的方法,但更重要的是解决一些坑. 本文内容 扩展/自定义标题栏 一些概念 一些坑 控件在标题栏区域无法交互 更高的标题栏,或者被遮挡 在什么时机调用? 适配移动设备 参考资料 扩展/自定义标题栏 要扩展标题栏,只需要拿到 

[源码下载] 背水一战 Windows 10 (37) - 控件(弹出类): MessageDialog, ContentDialog 作者:webabcd 介绍背水一战 Windows 10 之 控件(弹出类) MessageDialog ContentDialog 示例1.MessageDialog 的示例Controls/FlyoutControl/MessageDialogDemo.xaml <Page x:Class="Windows10.Controls.FlyoutContr

[源码下载] 与众不同 windows phone (49) - 8.1 新增控件: 概述, ContentDialog, MapControl 作者:webabcd 介绍与众不同 windows phone 8.1 之 新增控件 概述 ContentDialog - 对话框控件 MapControl - 又一个地图控件 示例1.概述Summary.xaml <Page x:Class="Demo.Control.Summary" xmlns="http://schem

title author date CreateTime categories win10 uwp 自定义标记扩展 lindexi 2019-04-10 09:46:13 +0800 2019-04-10 09:23:31 +0800 Win10 UWP 在 UWP 使用的 Binding 或 StaticResource 这些都是标记扩展,在 Windows 10 Fall Creators Update 版本号是 10.0.16299.0 和以上支持在 UWP 自定义标记扩展,也就是定义了一

原文:uwp - ContentDialog - 自定义仿iphone提示框,提示框美化 为了实现我想要的效果花费了我很长时间,唉,当初英语不好好学,翻官网翻了半天才找到,分享给刚入门的新手. 首先看一张图片示例,我们要模仿的dialog就是长这样的: 做出来的效果图: [代码] XAML[MainPage.xaml]: <Grid Background="#3d4ba4"> <ContentDialog x:Name="termsOfUseContentD

MessageDialog与ContentDialog的异同点解析: 相同点一:都是uwp应用上的一个弹窗控件.都能做为弹出应用. 相异点一:所在命名空间不同,MessageDialog在Windows.UI.Popups.MessageDialog下,而ContentDialog在Windows.UI.Xaml.Controls命名空间下,从这两个命名空间可以看出区别,ContentDialog是一个控件元素,即他是一个Control.而MessageDialog不是. 相异点二:Messag

ContentDialog是UWP开发中最常用的组件之一,一个体验良好的UWP应用很难避免不去使用它.博客园里也有许多的文章介绍如何来利用ContentDialog实现各种自定义样式的弹窗界面.不过实际上ContentDialog是一个令人又爱又恨的组件,今天我们就来说一下ContentDialog的缺点. ContentDialog适合实现轻量级的UI需求,但在处理复杂UI需求时非常难用,例如说: 多层级弹窗情况下的UI实现; MVVM框架下的UI与业务逻辑的分离: 需要弹窗关闭时返回用户操作

UWP中实现自定义标题栏 0x00 起因 在UWP开发中,有时候我们希望实现自定义标题栏,例如在标题栏中加入搜索框.按钮之类的控件.搜了下资料居然在一个日文网站找到了一篇介绍这个主题的文章: http://www.atmarkit.co.jp/ait/articles/1510/14/news022.html 看了下本想着翻译过来分享,但有些地方说的不是特别明确,所以自己实现了下,结合自己的体会总结了这篇文章. 0x01 UWP中的标题栏 一个普通的UWP窗口如下图所示: 我们可以通过两种方式获

这篇博客将介绍在UWP程序中如何创建和使用自定义VisualState Trigger. 上一篇博客中介绍了如何使用AdaptiveTrigger.目前UWP内置的StateTrigger只有AdaptiveTrigger一个,当MinWindowWidth/MinWindowHeight发生改变时,执行一些自适应布局.现在有这样一个场景,UWP程序在Mobile和Desktop上运行时显示不同的文字,这个时候就需要用到自定义StateTrigger了. 先分析一下系统自带的AdaptiveTr

在Windows10 UWP开发平台上内置的XMAL布局面板包括RelativePanel.StackPanel.Grid.VariableSizedWrapGrid 和 Canvas.在开发淘宝UWP应用时,遇到以下业务场景. 业务场景 场景一:淘宝商品提供的一些消费者保障服务 场景二:淘宝商品的SKU属性展示 实现分析 系统默认的面板容器控件显然不符合要求了.在WPF里面有WrapPanel,但是在UWP应用里面没有,这个时候就需要自定义个Panel了来实现WrapPanel的功能,实现起来