1、画虚线,实线: 建立dotted_line_gray.xml文件放在drawable文件夹下面。 android:shape="line" 可以修改你想要的形状 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http:/ ...
分类:
移动开发 时间:
2017-01-07 20:57:07
阅读次数:
214
目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after 3.3、清除浮动 四、圆角与边框 4.1、border-radius 圆角 4.2、边框图片border-image 五、变形 tra ...
分类:
Web程序 时间:
2017-01-07 00:03:04
阅读次数:
328
当需要画图时我们一般创建一个UIView子类, 重写其中的drawRect方法 再drawRect方法中利用UIBezierPath添加画图 UIBezierPath的使用方法: (1)创建一个Bezier path对象。 (2)使用方法moveToPoint:去设置初始线段的起点。 (3)添加li ...
分类:
其他好文 时间:
2017-01-05 18:16:41
阅读次数:
236
刚开始接触UI的时候,碰到的最多的就是尺寸问题,今天我们就来谈谈IOS和Android图标设计尺寸吧!一、IOS篇1.iOSapp图标的圆角半径是多少?(注:现在IOS图标是不需要再画圆角了,直接方形就OK)比较精确和接近的圆角半径和图标尺寸如下:最右边表示圆角半径Icon1024.png–1024..
分类:
移动开发 时间:
2016-12-27 18:20:38
阅读次数:
212
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 10px; height: 12px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-tra... ...
分类:
Web程序 时间:
2016-12-27 09:54:05
阅读次数:
216
border-radius 圆角 参数可为像素 也可为百分比 当一个参数时 作用范围为四个角 当两个参数时 作用范围为 左上右下 右上左下 当三个参数时 作用范围为 左上 右上左下 右下 当四个参数时 作用范围为 左上 右上 右下 左下 当参数中有'/'时 例如 100px/150px 则表示:X轴 ...
分类:
Web程序 时间:
2016-12-24 22:29:32
阅读次数:
163
一般是用这个委类:active 参考:http://www.w3school.com.cn/cssref/selector_active.asp 但是业界上实现的效果中,今日头条的手机端网页却不是这样的,当点击时是一闪而过,也有非常漂亮的圆角,如下图: 初步分析,没有在css文件上找到active的 ...
分类:
Web程序 时间:
2016-12-24 20:44:32
阅读次数:
1085
此例中: 1.ul li a{display:block}用block是因为不把它变成块元素是不显示背景的, 2.border-radius:50% : radius,就是半径的意思,用这个属性可以做出圆角效果,也可以做出圆形效果。当元素的width和height相等,border-radius:5 ...
分类:
其他好文 时间:
2016-12-23 01:05:24
阅读次数:
130
CardView是Android 5.0新特性——Material Design中的一个布局控件,可以通过属性设置显示一个圆角的类似卡片的视图。 1、CardView的属性: 2、演示代码: 运行结果如图所示: 以上就是对CardView简单使用方法的介绍,下面贴出码云上的源码,供大家参考。 DEM ...
分类:
移动开发 时间:
2016-12-22 15:00:42
阅读次数:
320
绪论 转眼间,2016伴随着互联网寒冬和帝都的雾霾马上就过去了,不知道大家今年一整年过得怎么样?最近票圈被各个城市的雾霾刷屏,也被各个公司裁员、移动开发人员失业,互联网行业不景气等等刷爆了。作为一...
分类:
移动开发 时间:
2016-12-22 00:35:24
阅读次数:
334