wpf 缩放过小时较细的线条消失

WPF 有缩放时显示线条的问题

公司项目已经开发好几年了,用的WPF开发的,期间遇到好多问题,都是些小细节.很久没有写博客了,以后有时间还是需要写写博客啊!作为分享也好.记录也好,利人利己嘛. 今天主要说一下显示线条的问题,因为我们做的是设计软件,会用到对齐线啥的,关键是页面有放大缩小.(可参考ps或AI这些专业设计软件的参考线): 一般来说用个Control给宽或高一个像素就行,但是如果有缩放的话,当线条缩放到一定程度时线的显示就会有问题,我遇到的是会显示不出来. (当然有同学说用(line.Rectangle....)不就

【求助】WPF 在XP下有的Textbox光标会消失

最近做个项目,一直有一个问题没有解决,就是在XP下,有的Textbox里在文本框里没有东西的时候,会没有光标.不同的XP机器,失去光标的Textbox也不一样. 各位大师看下面的三张图,当Textbox获取焦点以后颜色就会变,第一个框和第三个框都有光标,但是第二个框没有光标,如果向Textbox中输入内容,则光标出现,如图4,删除内容,然后光标又不见了. 图1 图2 图3 图4 三个Textbox的代码如下 <TextBlock Grid.Column="0" Text=&quo

使用 WPF 生成图形

下载代码示例基于一组与测试有关的数据来生成图形是一项常见的软件开发任务.根据我的经验,最常用的方法是将数据导入 Excel 电子表格,然后使用 Excel 内置的绘图功能手动生成图形.这种做法适用于大多数情况,但是如果基础数据频繁更改,则手动创建图形可能很快就变得枯燥乏味.在本月的专栏中,我将向您演示如何使用 Windows Presentation Foundation (WPF) 技术自动执行该过程.若要了解我所阐述的观点,请看图 1.该图按日期显示打开和已关闭的错误的计数,是使用从简单文

WPF绘制矢量图形模糊的问题

WPF默认提供了抗锯齿功能,通过向外扩展的半透明边缘来实现模糊化.由于WPF采用了设备无关单位,当设备DPI大于系统DPI时,可能会产生像素自动扩展问题,这就导致线条自动向外扩展一个像素,并且与边缘相邻的线条颜色变成了半透明,如下图所示: 这种特性在绘制细线条的时候会导致一些我们所不期望的结果:颜色变淡,线条模糊,线条变粗.很多时候,我们是无法绘制一个像素的清晰的线条的.对于这个问题,WPF给我们提供了几种解决方案: 1.设置像素对齐对于系统内置的一些控件,通过设置SnapsToDeviceP

基于淘宝弹性布局方案lib-flexible的问题研究

上篇文章<淘宝弹性布局方案lib-flexible实践>结合一个简单的实例,说明了lib-flexible的基本用法,但是lib-flexible的这种适配方式在适配的时候会修改viewport的initial-scale,导致viewport的width不等于device width,使得那些根据width编写的media query不一定与预期的一致,还有移动web经典的retina屏图片问题和1px边框问题在lib-flexible下也会与通常的做法有所差异,本文的内容就是研究这些东西,

淘宝弹性布局方案lib-flexible研究

1. lib-flexible不能与响应式布局兼容先说说响应式布局的一些基本认识: 响应式布局的表现是:网页通过css媒介查询判断可视区域的宽度,在不同的范围应用不同的样式,以便在不同尺寸的设备上呈现最佳的界面效果.典型的例子是,有一个商品列表页,应用响应式布局后,可能在pc上是用4列展示,在平板上用3列展示,在手机上只用1列展示.这种布局的最大好处就是节省人力.资源和时间,所以很多公司都喜欢用.而响应式布局有两个必须的要求: 1)是viewport的设置,width跟initial-scal

Flex移动皮肤开发(二)

范例文件 mobile-skinning-part2.zip 在这个讨论创建 Flex 移动 skin 的系列的第 1 部分中,我讨论了 Flex 团队在 Mobile 主题中所做的性能优化的原理,提供了一个以性能为主要关注点的简单 Button skin 示例.移动 skin 领域的下一个主要主题是,针对当今可用的各种移动屏幕调整应用程序的外观和感觉. Flex 4.5 增加了一些新特性以支持像素密度不同的移动设备:像素密度也称为每英寸像素数 (PPI) 或每英寸点数 (DPI).这些特性

web前端绘制0.5像素的几种方法

最近完成了公司安排的移动web触屏开发,期间涉及到在移动设备上显示线条,最开始采用PC常用的css board属性来显示1个像素的线条,但是发现在移动设备上并不美观,参考淘宝.京东的触屏发现它们均是采用浅细的线条来显示在移动设备上. 以下纪录了比较方便的4种绘制0.5像素线条方式一.采用meta viewport的方式,这个也是淘宝触屏采用的方式常用的移动html viewport的设置如下 <meta name="viewport" content="initia

pdf2swf , xpdf 部分用法

http://hi.baidu.com/abpsoft/item/1d1eb0f50c9d1fd86225d2c0 pdf2swf详细参数使用说明官方地址:http://www.swftools.org/download.html下载swftools-2010-02-06-1900.exeswftools-2010-02-06-1900.rar 命令行参数可以通过pdf2swf -f得到: * -h , –help Print short help m

Retina 屏移动设备 1px解决方案

做移动端H5页面开发时都会遇到这样的问题,用 CSS 定义 1px 的实线边框,在 window.devicePixelRatio=2 的屏幕上会显示成 2px,在 window.devicePixelRatio=3 的屏幕上会显示成 3px,明明希望是极细的线条,到 Retina 屏上却变得粗大丑陋.这是因为 CSS 中的 px 单位定义的是逻辑像素值,而实际显示的效果会以物理像素呈现,Retina 屏幕的物理像素值和逻辑像素值不同就造成了这种差异. 如果想让 HTML5 页面像 Nativ

【Android 应用开发】Android - 按钮组件详解

总结了Android中常用的按钮用法示例源码下载地址 : -- CSDN : http://download.csdn.net/detail/han1202012/6852091 -- GitHub : https://github.com/han1202012/Button_Test.git . 作者 :万境绝尘转载请注明出处 : http://blog.csdn.net/shulianghan/article/details/18964835 . 一. Button按钮用法背景可设

CSS染色图标（图片）

之前一直以为用background引入的图标无法染色(非字体图标),现在才知道有黑科技可以用,就是利用drop-shadow. 代码示例 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .face1{ display: inline-block; width:

基于物理的渲染—HDR Tone Mapping

在游戏引擎渲染管线中,我们对于R.G.B通道颜色信息的数值范围通常设置在[0,1]之间(或者是[0,255]).其中,0代表没有光亮度,1代表显示器能够显示的最大光亮度.这个表示方式虽然直接易懂,但它并不能反映真实世界中光亮度的情况.在真实世界的光照环境中,光亮强度有时候会超过显示器能够显示的最大亮度.而且,人眼在观察真实世界的物体时,会根据光照强度进行自我调节.因此,更加真实的渲染方式是让颜色值超过1.这种光照计算方式或环境光照图就是我们常常在游戏引擎中看到的HDR(High Dynamic

[R]关于R语言的绘图函数

1. 首先就是plot(x,y,...) 参数: x: 所绘图形横坐标构成的对象 y: 所绘图形纵坐标构成的对象 type: 指定所绘图形类型 pch: 指定绘制点时使用的符号 cex: 指定符号的大小.cex是一个数值,表示绘图符号相对于默认大小的缩放倍数. 默认大小为1, 1.5表示放大为默认值的1.5倍, 0.5表示缩小为默认值的50%等. cex.axis: 坐标轴刻度文字的缩放倍数. 类似于cex cex.lab: 坐标轴标签(名称)的缩放倍数,类似于cex cex.main: 标题的

移动端H5的一些基本知识点总结

移动端H5的一些基本知识点总结来到这家公司之后,和曾经的工作发生了非常大的转变.曾经我一直是做PC端页面的.来到如今这家公司之后,主要是做手机移动端的页面. 移动端的页面在我这个做习惯了PC端页面的人看来,应该是非常easy的一些事情.可是在上手的过程其中,还是发现,原来移动端尽管DOM结构要简单得多,可是须要注意的细节,还是非常多的.原因非常easy,那就是,你必须考虑全部的手机上不同分辨率的展示效果. 移动端的分辨率有哪些呢? 以iphone为例,有下面分辨率 iphone4 640*96

CSS 让 fontawesome 图标字体变细

一句 CSS 让 fontawesome 图标字体变细自从 iOS 某个版本发布之后,前端的流行趋势是什么都越来越细…字体越来越细…图标线条也越来越细.而老物 fontawesome 粗壮的线条风格很显然已经跟不上流行的趋势了,不过在现代的浏览器里,倒是有办法让 fontawesome 改头换面,重获青春. 2018-04-12 补充:好久没有访问 fontawesome 的官网,现在居然也出 solid / regular / light(可能就是你们想要的细版)三种版本了!如果你放在访问了

canvas 绘制双线技巧

楔子最近一个项目,需要绘制双线的效果,双线效果表示的是轨道(类似铁轨之类的),如下图所示: 负责这块功能开发的小伙,姑且称之为L吧,最开始是通过数学计算的方式来实现这种双线,也就是在原来的路径的基础上,计算出两条路径.但是这个过程的计算算挺复杂,而是最终实现的效果很耗性能,性能损耗估计主要在于路径的计算上. 优化技巧后来他找到我来看这个问题,我在分析了项目背景的情况下,给予了一个简单的绘制技巧,就是先用较粗的线条绘制路径,然后再用较细的线条绘制路径,较细线条的颜色正好是背景颜色.之所以能够使

Android - 按钮组件详解

总结了Android中常用的按钮用法示例源码下载地址 : -- CSDN : http://download.csdn.net/detail/han1202012/6852091 -- GitHub : https://github.com/han1202012/Button_Test.git . 作者 :万境绝尘转载请注明出处 : http://blog.csdn.net/shulianghan/article/details/18964835 . 一. Button按钮用法背景可设

swftools 将pdf转换swf常见问题说明

swftools将PDF转成swfSWFTools提供了一系列将各种文件转成swf的工具: font2swf.exe gif2swf.exe jpeg2swf.exe pdf2swf.exe png2swf.exe wav2swf.exe 具体的功能就顾名思义了. 其中把pdf转成swf的工具就是pdf2swf了.在命令行中运行pdf2swf src.pdf des.swf一般能满足需求.而命令行参数可以通过pdf2swf -f得到: -h , –help

Unity Shader 卡通渲染基于退化四边形的实时描边

从csdn转移过来,顺便把写过的文章改写一下转过来. 一.边缘检测算法 3D模型描边有两种方式,一种是基于图像,即在所有3D模型渲染完成一张图片后,对这张图片进行边缘检测,最后得出描边效果.一种是基于空间,即针对3D模型的三角面三个顶点构成的线条做边缘检测(注:和基于图像的边缘检测的检测方式是不同的,但都叫边缘检测).在本文中使用的是基于空间的3D模型的描边. 空间的3D模型的描边的边是有类型的,大致总结有4种:轮廓边.边界边.折缝边.材质边.其中前3种是本文认为卡通渲染所必须有的. 图1 空间

关于不同retina的布局

不同retina,显示高度不一样,很显然最细的线条最美 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=&qu

wpf 缩放过小时较细的线条消失

热门专题