http://blog.csdn.net/wangwei890702/article/details/8552482 QT:渐变 渐变,是指逐渐的,有规律性的变化,是一种规律性很强的现象.Qt提供了一个与渐变相关的QGradient类,目前支持三种渐变画刷,分别是线性渐变(QLinearGradient).辐射渐变(QRadialGradient).角度渐变(QConicalGradient),如下图所示: 从左到右依次为:线性渐变.辐射渐变.角度渐变 下面来看一下实现的代码,由于程序较简单,所

/*******************************************************************************************/ 一.绘图 整个绘图系统基于QPainter,QPainterDevice和QPaintEngine三个类: QPainter(画家)->QPaintEngine(中间引擎,画家与设备之间的交互(通信接口),对于应用开发一般用不上)->QpaintDevice(设备,表示画在哪里) 画图的时候就是要重写事件:

回顾: 1.构建一个QT工程步骤 (1)qmake -project (2)qmake (3)make   2.两个常用的组件 QLabel 标签 QPushButton 按钮   --------------------------------------   四 容器窗口(父窗口) 1.父窗口可以停靠其他组件,如果一个组件在创建时指定父窗口,那么就将停靠在父窗口上,如果不指定则飘在外面形成独立的窗体. 2.常用的父窗口类 QWidget ==>绝大多数图形相关组件都是它的子类 QMainWi

 qt坐标系统 qt坐标系统比較简单 ); 上面的代码把button显示为父窗体的20,20处宽度为100,高度为100 接下去是布局 qt里面布局须要增加<QLayout.h>这个头文件. qt里面垂直布局 qt里面的垂直布局须要导入<QVBoxLayout.h>这个头文件. qt里面的水平布局须要导入<QHBoxLayout.h>这个头文件. 以下是是一段布局的代码 QHBoxLayout layout; layout.addStretch(1); layout

参考 http://doc.qt.io/qt-5/qtablewidget.html http://doc.qt.io/qt-5/qtablewidgetitem.html https://blog.csdn.net/psujtfc/article/details/38365825 https://blog.csdn.net/xgbing/article/details/7774737 基本使用方法 //需要的头文件 #include <QTableWidget> #include <Q

在CSS3中提供了对边框进行圆角设定的支持,可对边框1~4个角进行圆角样式设置. 目录 1. 介绍 2. value值的格式和类型 3. border-radius 1~4个参数说明 4. 在线示例 1. 介绍 1.1 圆角属性 CSS3提供了5种圆角属性: border-radius :同时设置4个边框的圆角样式. border-top-left-radius :设置左上角边框的圆角样式. border-top-right-radius :设置右上角边框的圆角样式. border-bottom

一.常用的骨灰级清除浮动 .clearfix:after { content: "."; display: block; height:; clear: both; visibility: hidden; overflow: hidden; } 解读浮动闭合最佳方案:clearfix 二.使用斜杠/分割的关键字 1.font H2{ font:12px/100% sans-serif; } 分割的分别是 字体大小 与 行高 ,其他关键是用空白符分割. 2.background div{

前面的话   边框是CSS盒模型属性中默默无闻的一个普通属性,CSS3的到来,但得边框属性重新焕发了光彩.本文将详细介绍CSS边框 基础样式   边框是一条以空格分隔的集合样式,包括边框粗细(边框宽度).边框颜色和边框样式,且先后顺序无关 border: border-width border-color border-style border: 1px solid red; [边框样式]   如果一个边框没有样式,边框将根本不会存在   关于虚线dashed,在chrome/firefox下,

#HTML    什么是HTML,和他ML...    网页可以比作一个装修好了的,可以娶媳妇的房子.    房子分为:毛坯房,精装修    毛坯房的修建: 砖,瓦,水泥,石头,石子....    精装修的房子:在毛坯房的基础上进行粉刷,覆盖,雕琢,修饰等操作....        HTML标签 相当于盖毛坯房用的石子,砖瓦....:房子成功,但是不会很好看.    CSS属性  相当于装修时候使用的刷子,涂料,扣板...: 可以让毛坯房变得更加美观    HTML    超文本标记语言. Hy

CSS3在CSS2.1的基础上新增加了许多属性,这里选择了较常用的一些功能与大家分享,帮助文档中有很详细的描述,可以在本文的示例中获得帮助文档. 一.阴影 1.1.文字阴影 text-shadow<length>①: 第1个长度值用来设置对象的阴影水平偏移值.可以为负值 <length>②: 第2个长度值用来设置对象的阴影垂直偏移值.可以为负值 <length>③: 如果提供了第3个长度值则用来设置对象的阴影模糊值.不允许负值 <color>: 设置对象的阴

一.Canvas canvas是HTML5中新增一个HTML5标签与操作canvas的javascript API,它可以实现在网页中完成动态的2D与3D图像技术.<canvas> 标记和 SVG以及 VML 之间的一个重要的不同是,<canvas> 有一个基于 JavaScript 的绘图 API,而 SVG 和 VML 使用一个 XML 文档来描述绘图.SVG 绘图很容易编辑与生成,但功能明显要弱一些. canvas可以完成动画.游戏.图表.图像处理等原来需要Flash完成的一

CSS常用样式 3.边框样式 1)边框线 border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset 常用的边框线:dotted(点状).dashed(虚线).solid(实线).double(双实线) border-top-style 设置上边框线 border-bottom-style 设置下边框线 border-left-style 设置左边框线 bord

一.自适应椭圆 * border-radius特性:    * 可以单独指定水平和垂直半径,并且值可以是百分比,用/(斜杠)分隔这两个值即可(可以实现自适应宽度椭圆).    * 还可以单独指定四个角度不同的水平和垂直半径(可以实现半椭圆)    * 四分之一椭圆,主要是调整水平和垂直的半径* 示例代码: .wrap{ border-radius: 50% / 30%; width: 60px; height: 80px; background: yellow; } .wrap02{ width

第0章 关于本书 1, 本书要用到一个工具函数————$$(),它可以让我们更容易获取和遍历所有匹配特定css选择符的dom元素: function $$(selector,context){ context=context||document; var elements=context.querySelectorAll(selector); return Array.prototype.slice.call(elements); } 2, 以下实现一个效果: linear-gradient(#

http://blog.sina.com.cn/s/blog_61671b520101gelr.html border-radius border-radius: 50px 20px;上下都是50px,左右是20px border-radius:50px 0px 30px; 上50px 左右0px 下30px; 圆和椭圆的区别在于,椭圆的长短半轴不相等 border-radius还可以用斜杠设置第二组值.这时,第一组值表示水平半径,第二组值表示垂直半径.第二组值也可以同时设置1到4个值,应用规则

我们都知道border-radius后面如果是4个值的话,依次代表的是左上角.右上角.右下角.左下角. 但是这样写呢:border-radius:10px 20px 30px 40px/50px 40px 30px 20px;我就不知道是什么意思了,原来border-radius:10px/20px:是说圆的水平半径是10px,垂直半径是20px,这样子写出来的边框就不是一个圆形的了 那我们来画个椭圆吧 先来一个四边都是正圆形的: 每次我们设置border-radius:50%;用这个图的理论就

border(边框) 如何用CSS调出边框 我们给p标签加一个边框试一下 p{ border:1px solid #ccc:/*这是缩写*/ } 第一个值是为边框的宽度 第二个值是为边框线样式为直线 第三个值是为边框的颜色 border-width(边框的宽度) 如果不调宽度的话默认边框是从左边到最右边.设置之后可以调节宽度. border-top-width::上 border-bottom-width::下 border-left-width::左 border-right-width::右

目录 一.Canvas 1.1.创建canvas元素 1.2.画线 1.3.绘制矩形 1.4.绘制圆弧 1.5.绘制图像 1.6.绘制文字 1.7.随机颜色与简单动画 二.WebGL 2.1.HTML5游戏开发 2.2.1.Cocos2D-HTML5 2.2.2.Egret(白鹭引擎) 三.SVG 3.1.SVG Hello Wrold 3.2.多种引入SVG的方法 3.3.画直线 3.4.画椭圆 3.5.文本与矩形 3.6.向下兼容与图标 四.示例下载 一.Canvas canvas是HTML

以前曾经记录过linear-gradient(线性渐变)和 radial-gradient(径向渐变)的语法. 可以参考<CSS3中border-radius.box-shadow与gradient那点事儿> 但在实际应用中却不怎么用,主要就是因为自己并没有懂这两个属性的强大之处,再加上自己的想象力实在太差,想不到在什么场景使用它们. 我本来以为它们仅仅是做渐变效果,显然我的想法太狭隘了,它们还有更多的用处. 最近在看<CSS Secrets>,里面就提到了很多CSS使用技巧,下面

一.border-radius border-radius用于添加圆角边框,用处非常广泛. 1)一个值,代表了四个角 .radius-one { /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 12px; /* Firefox 1-3.6 */ -moz-border-radius: 12px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, And

前言  当CSS3推出border-radius属性时我们是那么欣喜若狂啊,一想到终于不用再添加额外元素来模拟圆角了,但发现border-radius还分水平半径和垂直半径,然后又发现border-top-left/right-radius的水平半径之和大于元素宽度时,实际值会按比例分配元素宽度时,不禁会问"我真的懂border吗?".本系列将稍微深入探讨一下那个貌似没什么好玩的border! <CSS魔法堂:重拾Border之--解构Border> <CSS魔法堂: