CAShapeLayer *border = [CAShapeLayer layer];                 border.strokeColor = SLColorLine.CGColor;                 border.fillColor = nil;                 border.path = [UIBezierPath bezierPathWithRect:self.bounds].CGPath;                 borde…

iOS7以后从屏幕最下方上划会滑出快捷菜单,感觉这个效果不错,就想做个类似的效果,这个东西技术含量不高,每次都写一遍的话就太浪费时间了,所以就把它写成了一个分类,用起来会方便一点. demo地址:https://github.com/Phelthas/TEST_XMLCommon 使用效果如下:…

//fatherView加虚线边框 -(void)boundingRectangleForView:(UIView *)fatherView{ CAShapeLayer *borderLayer = [CAShapeLayer layer]; borderLayer.fillColor = [UIColor clearColor].CGColor; borderLayer.strokeColor = [UIColor nvColorWith666].CGColor; borderLayer.pa…

…

去掉火狐里面点击按钮时候的虚线边框 button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"…

border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角.右上角.右下角和左下角,顺时针 */ 不要以为border-radius的值只能用px单位,你还可以用百分比或者em,但兼容性目前还不太好. 实心上半圆: 方法:把高度(height)设为宽度(width)的一半,并且只设置左上角和右上角的半径与元素的高度一致(大于也是可以的). div{ height:50px;/*…

在开发过程中,我们可能会遇到这个问题. 当我们给一个view添加了手势,但是我们又不想点击view上面的视图也触发手势.如下图: 我们在红色view上添加了手势,但是又不想点击黄色view也触发.其实这里用到UITapGestureRecognizer的一个代理方法 上代码,先创建两个view,并且给bigView添加手势 self.bigView = [[UIView alloc]initWithFrame:CGRectMake(50, 50, 100, 100)]; self.bigView…

解决IE下a标签点击有虚线边框的问题 关键词:IE去除虚线边框.IE解决a标签虚线问题 先看看IE下,a标签出现的虚线边框问题: (上面中,红线包裹的就是一个翻页的按钮,按钮实际是hml的a标签做的,鼠标点击翻页按钮结果却被莫名其妙加了一个虚线的边框) IE怎么去除这种莫名其妙的边框呢? 去掉虚线边框: 使用css: a:focus{outline:none;} 再次用IE查看,虚线就没有了,问题就解决了. (IE8测试通过.)…

html2canvas是一个将html元素生成canvas的库,绘制的canvas大部分样式和CSS一致.比如截止1.0.0-alpha.12,虚线边框依然绘制为实线,border-collapse依然有问题. 这里根据github issues里的一个思路,模拟实现了dashed边框效果. 1.首先,在html2canvas绘制前,找出需要绘制canvas的元素中的所有虚线边框的方向和位置 findDashedBorders = (page) => { const tds = page.que…

开发产品功能的时候ui往往会给出虚线边框的效果图,于是乎,我们往往第一时间想到的是用css里的border,可是border里一般就提供两种效果,dashed或者dotted,ui这时就不满意了,说虚线太密了.废话不多说,下面直接给解决方案(参考css揭秘): div { padding: 1em; border: 1px dashed transparent; background: linear-gradient(white,white) padding-box, repeating-lin…

之前整理了三篇帖子: Knockout: 使用CSS绑定和event的blur失去焦点事件, 给未通过校验的输入框添加红色边框突出显示. http://www.cnblogs.com/liuzhendong/p/3596267.htmlKnockout: 实践CSS绑定和jQuery的blur失去焦点事件, 给未通过校验的输入框添加红色边框突出显示. http://www.cnblogs.com/liuzhendong/p/3595949.html Knockout: 实践CSS绑定和after…

目的:使用knockout提供的机制实现输入框失去焦点后的校验工作,并使用CSS绑定给未通过校验的输入框添加红色边框突出显示. 步骤: 先在htm中添加.error的css样式, 并在输入框中的data-bind属性中添加 event: {blur: ChecktFirstNameIsValid},和css: { error: !firstNameIsValid()}, 然后再在ViewModel中在firstName监控属性后面再添加一个firstNameIsValid布尔型监控属性, 并给V…

1.概要:     ShapeDrawable是一个为UI控件添加特效的好工具.这个技巧适用于那些可以添加背景的控件 2.添加圆角边框其实就是添加的背景那里不是直接添加图片,而是添加一个XML文件即可 3.用到的知识可以参考这里:http://www.cnblogs.com/liangstudyhome/p/3715259.html 在res/drawable文件夹中定义xml <?xml version="1.0" encoding="utf-8"?>…

原文:C#(WPF)为Grid添加实线边框. 相信大家在做WPF项目的时候,都会用到Grid这个布局控件,一般情况下,如果只是为了布局,那就不需要显示它的边框,但是也有特殊需求,如果把它当做表格来使用,那就需要为它添加实线边框.下面帖代码: using System.Windows; using System.Windows.Controls; using System.Windows.Media; namespace WPFStart {     ///     /// 为Grid添加的一个特…

项目中碰到一个问题,在tableview的headerview里面有很一个子view,设计师的要求是在下方添加一个阴影,效果如下: 以前的实现思路就是,代码如下: 添加阴影 调用视图的 layer CALayer *layer = [imageView layer]; layer.shadowOffset = CGSizeMake(, ); //(0,0)时是四周都有阴影 layer.shadowRadius = 5.0; layer.shadowColor = [UIColor blackCo…

<Border Background="LightBlue" BorderBrush="Black"  BorderThickness="2" Margin="0,0,-6.2,-2.6" Padding="10">  外边框 <Grid Background="White"> </Grid> <Grid> <Rectangle  F…

<abbr title="World Wide Web">WWW</abbr><br><abbr title="Real Simple Syndication" class="initialism">RSS</abbr>…

先上图 在现实项目开发中,单纯的Button,EditText等控件远远不能满足我们项目的UI设计需求,这时候,我们就需要自己动手丰衣足食啦.接下来先给大家介绍一些属性,备注写的都非常清楚啦,我就不啰嗦啦. <?xml version="1.0" encoding="utf-8"?> <!--android:shape属性代表绘制的图形形状 retangle:矩形,oval:椭圆 ,line:线 ring,环形--> <shape xm…

给View控件设置边框,可以动态设置上下左右.通过布局文件就能搞定 1.在drawable文件夹下新建一个shape_main_list_bg.xml文件 <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <!-- This is the main color --> <item> <shape> <!-- 边框颜色 --> <…

在相应要设置约束的view中按住鼠标右键进行拖拽,然后向指定的方向添加约束,如图: 拖拽的时候会显示一条蓝线,如上图所示,然后手指离开鼠标的时候会弹出向对应的约束供添加约束的时候进行使用如图:…

本文主要内容是讲解一个视图View或者一个ViewGroup对象是如何添加至应用程序窗口中的.下文中提到的窗口可泛指我们能看到的界面,包括一个Activity呈现的界面(我们可以将之理解为应用程序窗口),一个Dialog,一个Toast,一个Menu菜单等. 首先对相关类的作用进行一下简单介绍: Window 类   位于 /frameworks/base/core/java/android/view/Window.java 说明:该类是一个抽象类,提供了绘制窗口的一组通用API.可以将之理解为…

1   /*Chrome浏览器 点击input 黄色边框 禁用*/ .NoOutLine:focus{outline: none} <asp:TextBox ID="txtTelephone" runat="server" CssClass="NoOutLine"></asp:TextBox> 设置后就没有黄色边框了 或者我们也可以自行设置外边框的样式  例如 灰色,1像素  虚线 .NoOutLine:focus{ ou…

边框,圆角,都可以实现的 在drawable目录下添加view_yuan_morelist.xml,设置控件的边框代码.如下: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <sol…

Chrome默认会为所有的输入框加上橘黄色的边框,虽然有时候可以使我们的网站看起来更友好,但对自定义的样式是有影响的.当鼠标点击输入框时,在谷歌chrome浏览器中,光标移到输入框时激活输入框会被加上橘黄的边框,鼠标光标移开输入框后被加橘黄色边框消失.这个谷歌浏览器自动为输入框加css样式非常不美观影响效果,这里介绍解决在谷歌浏览器中禁止被激活输入框加橘黄色样式. 例如做了一个圆角框的input输入框,如果没有对边框focus时的属性做任何休息,Chrome将默认加上一个正方形的边框,无视你将i…

1.虚线画效果,可以使用Android中的xml来做. 2.直接上代码: <RelativeLayout android:id="@+id/coupon_popup" android:layout_width="320dp" android:layout_height="200dp" android:layout_margin="20dp" android:gravity="center_vertical&qu…

需求:需要给cell里的imageview添加阴影 问题:按照标准的代码添加阴影,然并卵:代码如下: imageview.layer.shadowColor = [[UIColor blackColor] CGColor]; imageview.layer.shadowOffset = CGSizeMake(4.0f, 4.0f); imageview.layer.shadowRadius = 4.0; imageview.layer.shadowOpacity = 0.5; 后谷歌说要加一句:…

步骤1.拖拽手势注意:拖拽到First Responder下方,成功后会出现一个分类Objects(如图 拖拽成功后会多出一个分类Objects ) 步骤2.给需要的view绑定手势控件 拖拽gestureRecognizers(control + 左键或右键)到要绑定的view上. 步骤3.选中swipe控件,拖拽右侧的Sent Actions到响应的.m文件中(类似拖拽一个响应方法),如果是添加左右滑动手势,则需拖拽两个手势控件响应一个方法.如图 响应方法 步骤4.在方法中判断左滑或者右滑方…

一般来说,给表格加边框都会出现不同的问题,以下是给表格加边框后展现比较好的方式 <style> table,table tr th, table tr td { border:1px solid #0094ff; } table { width: 200px; min-height: 25px; line-height: 25px; text-align: center; border-collapse: collapse;} </style> <table> <…

最近比较忙,想要做的事情有很多,能做出来的就只有一部份,我觉得也许是我没有计划和规律造成的,我需要坚持下去,今天写了一个swift2.0给按钮或者图片添加阴影的效果,就当做笔记吧:-) Swift Code: let image1 = UIImageView(frame: CGRectMake(,,self.view.frame.width-,)) image1.image = UIImage(named: "sea.jpg") self.view.addSubview(image1)…

               1.虚线画效果,可以使用Android中的xml来做. 2.直接上代码: <RelativeLayout android:id="@+id/coupon_popup" android:layout_width="320dp" android:layout_height="200dp" android:layout_margin="20dp" android:gravity="cen…