Windows10发布已经有一阵子了,已经有一些公司上架了自己的UWP应用程序,为WindowsStore增添光彩.已经安装Windows10的用户也或多或少的安装了一些UWP的应用程序,针对这些UWP的应用程序设计来说有好有坏,好的方面体现在它们的用户体验始终是保证一致,符合Win10的产品理念,步调能够保持一致:坏的方面就是由于它们步调太过于一致导致用户体验太过雷同,进而出现一些用户会出现审美疲劳.这个博主可以理解理解,毕竟UWP应用才推出不久,接触的人也不是很多,关键一点,生态圈也很羸弱,…
原文 Customize Acrylic Brush in UWP Applications(在UWP中自定义亚克力笔刷) Windows 10 Fall Creators Update(Build 16299)添加了acrylic brush,这是一个类似于Windows 7 Aero效果的UI画笔. Windows中的很多内容,例如Calculator,都会使用丙烯画笔进行更新.但是,内置刷子并不总能满足我们自己的要求.特别是当Windows自动禁用丙烯酸渲染(如低功耗模式)或非活动窗口时,…
前言 之前写过很多关于无边框窗口并给窗口添加特效的博客,按照时间线罗列如下: 如何在pyqt中实现窗口磨砂效果 如何在pyqt中实现win10亚克力效果 如何在pyqt中通过调用SetWindowCompositionAttribute实现Win10亚克力效果 如何在pyqt中在实现无边框窗口的同时保留Windows窗口动画效果(一) 如何在pyqt中给无边框窗口添加DWM环绕阴影 如何在pyqt中在实现无边框窗口的同时保留Windows窗口动画效果(二) 里面有几篇博客用了 C++ 的 dll…
在Windows10 UWP开发平台上内置的XMAL布局面板包括RelativePanel.StackPanel.Grid.VariableSizedWrapGrid 和 Canvas.在开发淘宝UWP应用时,遇到以下业务场景. 业务场景 场景一:淘宝商品提供的一些消费者保障服务 场景二:淘宝商品的SKU属性展示 实现分析 系统默认的面板容器控件显然不符合要求了.在WPF里面有WrapPanel,但是在UWP应用里面没有,这个时候就需要自定义个Panel了来实现WrapPanel的功能,实现起来…
use yii\widgets\ActiveForm; <?php $form = ActiveForm::begin([ 'options' => ['class' => 'form-horizontal'], 'fieldConfig' => [ 'options'=>['class'=>'control-group'], 'template' => "{label}<div class=\"controls\">{i…
前言 在之前的博客<如何在pyqt中通过调用SetWindowCompositionAttribute实现Win10亚克力效果>中,我们实现了窗口的亚克力效果,同时也用SetWindowCompositionAttribute() 给亚克力窗口加上了阴影.但是更多时候我们用不到亚克力效果,但又需要给无边框窗口加上阴影.一种方法是在当前窗口外嵌套一层窗口,然后用 QGraphicsDropShadowEffect 给里面的窗口加上阴影,还有一种就是重写 paintEvent()来绘制阴影.下面来…
UWP中实现自定义标题栏 0x00 起因 在UWP开发中,有时候我们希望实现自定义标题栏,例如在标题栏中加入搜索框.按钮之类的控件.搜了下资料居然在一个日文网站找到了一篇介绍这个主题的文章: http://www.atmarkit.co.jp/ait/articles/1510/14/news022.html 看了下本想着翻译过来分享,但有些地方说的不是特别明确,所以自己实现了下,结合自己的体会总结了这篇文章. 0x01 UWP中的标题栏 一个普通的UWP窗口如下图所示: 我们可以通过两种方式获…
在盒子模型中,盒子的边框是其重要的样式,通过边框我们可以很方便地看出盒子的长宽以及大小.边框的特性可以通过边框线,边框的宽度及颜色来呈现. 1,边框线 边框线指的是边框线条的样式,包括实线,虚线,点划线等.其具体的使用如下: border-style : none | hidden | dotted | dashed | solid | double | groove |ridge | inset | outset 例: div { width:300px; height:100px; bord…
android中自定义checkbox的图片和大小   其实很简单,分三步: 1.在drawable中创建文件checkbox_selector.xml: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_che…
css3-10 css3中的边框样式有哪几种 一.总结 一句话总结:1.border-radius 2. box-shadow 3.border-image三种,box一种border两种 1.css3中的边框样式有哪几种? 1.border-radius 2. box-shadow 3.border-image三种,box一种border两种 边框样式(新加):1.border-radius 值为圆的直径 2.box-shadowbox-shadow:0px 0px 0px 0px #999;…