前言 过年期间,少不了各种聚会,当下聚会大多数情况下自然是团购,然后就是用各种APP...使用度娘糯米时(不是广告,不是广告,不是广告!),偶然注意到了它的首页中一个有意思的效果,就是那些“按钮”点击时的缩放动画,有一种“按下去”的赶脚,恰逢前阵子做过一个录音按钮的“点动”效果,忍不住便封装了这个按钮效果:GitHub 动态缩放按钮,“按下去”的效果 demo中的按钮背景图片截取自度娘糯米首页,仅供学习参考! 糯米首页应该是collectionView布局吧?也许,这里只是纯粹实现效果,封装了系…

分页按钮思想:  1.少于9页,全部显示  2.大于9页,1.2页显示,中间页码当前页为中心,前后各留两个页码  附件中有完整例子的压缩包下载.已更新到最新版本  先看效果图:  01输入框焦点效果  02效果  模仿淘宝的分页按钮效果控件kkpager  JS代码: var kkpager = { //divID pagerid : 'div_pager', //当前页码 pno : 1, //总页码 total : 1, //总数据条数 totalRecords : 0, //是否显示总页数…

http://www.cocoachina.com/ios/20160719/17101.html 最近在研究直播的相关知识,在网上看到了不少优秀的开源项目,但都没有看到映客那个刷礼物的效果,于是手痒痒,决定自己做一个. 1. 首先从简单的开始,文字描边+连击效果,这个比较简单,只要重写 UILabel 的 1 - (void)drawTextInRect:(CGRect)rect 就可以达到文字描边的效果:然后开定时器,让数字增加,动画效果用关键帧动画控制. 2. 然后仿照映客的 UI 自定义…

代码地址如下:http://www.demodashi.com/demo/12753.html XYAlipayRefreshDemo 运行效果 动画效果分析 1.UI需要变动,向上滑动的时候,顶部部分收缩. 2.右侧的滚动条的位置是从中间开始的,说明一个现象,这个tableview是从这里开始的. 3.tableview上面的view,是给tableview一起滑动,做到了无缝衔接. 4.滑动 tableview 上面那块 view ,直接响应滑动. 实现思路: 怎么解决以上四个效果问题,是本…

此案例主要讲的是Android控件Gridview(九宫格)完美实现仿支付宝首页,包含添加和删除功能:Fragment底部按钮切换的效果,包含四个模块,登录页面圆形头像等,一个小项目的初始布局. 效果图: 代码: 自定义GridView <menu.menudemo.ui.view.ZQScrollGridView android:id="@+id/home_gridview" android:layout_width="match_parent" andro…

代码地址如下:http://www.demodashi.com/demo/12776.html 首先看一下效果 状态栏红色是因为使用手机录屏的原因. 1.问题分析 1.导航栏A有两组控件,随着tableView的向上滑动,这一组控件的透明度从1到0,然后另一组控件透明度从0到1,如此反复. 2.导航栏下面的一组控件B,随着tableView向上滑动,也往上滑动,但是滑动值小于tableView的滑动值.透明度逐渐变成0,然后消失. 3.tableView的头部有一个控件C,跟随tableView…

UIButton的详细介绍: 一.按钮具有的属性: @property(nonatomic,readonly) UIButtonType buttonType;  //按钮形状类型 @property(nonatomic,readonly,retain) NSString *currentTitle;    //按钮当前文字 @property(nonatomic,readonly,retain) UIColor  *currentTitleColor;     //按钮当前文字颜色 @prop…

代码地址如下:http://www.demodashi.com/demo/11606.html 前记 在开发中,我们经常会遇到这么一种情况,就是一个按钮上面有图片也有文字,但是往往设计并不是我们想要的那种,比如可能图片在上,文字在下,或者图片在左,文字在右,关键是还有一定的距离,并不是系统默认UIButton中,图片和文字的间距.当然,这调整图片和文字的距离的小事,是难不倒大家的,因为大家都知道,在UIButton中,有这么两个属性titleEdgeInsets和imageEdgeInsets…

这段代码动态的创建了一个UIButton,并且把相关常用的属性都列举了.希望对大家有用.   //这里创建一个圆角矩形的按钮UIButton *button1 = [UIButton buttonWithType:UIButtonTypeRoundedRect]; // 能够定义的button类型有以下6种,// typedef enum {// UIButtonTypeCustom = 0, 自定义风格// UIButtonTypeRoundedRect, 圆角矩形 // UIButtonTy…

实现如图所示效果: 这是一个UIButton,需要改变image和title相对位置. 解决如下: //设置文字偏移:向下偏移图片高度+向左偏移图片宽度 (偏移量是根据［图片］大小来的,这点是关键)btnLeft.titleEdgeInsets = UIEdgeInsets(top: btnLeft.imageView!.frame.size.height, left: -btnLeft.imageView!.frame.size.width, bottom: 0, right: 0) //设置…