登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

LLBootstrapButton

[复制链接]
来自: 李世铿 分类: iOS精品源码 上传时间: 2016-5-27 15:49:47
Tag:Bootstrap Button 按钮 扁平化 风格

项目介绍:

LLBootstrapButton
Bootstrap 3.0扁平化风格按钮,一句代码调用
  以前开发过web端的同学可能用过Twitter公司出的一个前端框架Bootstrap,当时刚接触的时候是2.0的版本,后来是3.0,从立体化的风格到现在扁平化的风格,一直以一种简约大方的设计风格体现,深受开发者的喜爱

  对于我们这种没有美工妹纸当女票的人来说移动开发就是悲剧,所以后来发现Android开发中也有Bootstrap和BootstrapButton两个框架,显示风格和网页扁平简约的风格一样。于是最近将BootstrapButton部分移植了一个OC版本,以便喜欢这种风格的同学方便使用,维持了原本web端自带的图标字体(fontawesome),可一键调用!!!

  先上效果图,共6种风格,每种分正常,高亮,也可添加图标

使用方法
  • CocoaPods(若未获取成功需重新 pod setup )

pod "LLBootstrapButton"
  CocoaPods导入后则无需手动导入Bundle,可直接使用
  • 导入

#import "LLBootstrap.h"
添加背景效果
[button bs_configureAsDefaultStyle]

  分为6中风格,默认是可点击
[Objective-C] 查看源文件 复制代码
[button bs_configureAsDefaultStyle]              // 默认
[button bs_configureAsPrimaryStyle]              // 原色
[button bs_configureAsSuccessStyle]              // 成功
[button bs_configureAsInfoStyle]                 // 消息
[button bs_configureAsWarningStyle]              // 警告
[button bs_configureAsDangerStyle]               // 危险




添加图标
  • 导入Bundle到项目中(若使用CocoaPods集成则无需此操作)



  • 调用方法(根据图标代码选择图标)

[Objective-C] 查看源文件 复制代码
// 使用图标签需要先设置字体
UIFont *font = [UIFont bs_awesomeFontOfSize:16.f];


[Objective-C] 查看源文件 复制代码
[button.titleLabel setFont:[UIFont bs_awesomeFontOfSize:16.f]];
// 选择苹果图标,置前
[button setTitle:[NSString stringWithFormat:@"%@ Primary", @"fa-apple".bs_awesomeIconRepresentation] forState:UIControlStateNormal];    


[Objective-C] 查看源文件 复制代码
// UITextView直接显示图标
[textview  setText:[NSString stringWithFormat:@"这是一个%@图标",@"fa-github-alt".bs_awesomeIconRepresentation]];    




  • 支持图标可达300多种,符合大部分需求
  • 图标代码打开资源文件中的htm文件即可显示所有图标
  • 使用注意:由于图标为文字生成,所以必须设置字体



DEMO下载:





相关源码推荐:

我来说两句
*滑动验证:
所有评论(41)
新浪微博评论 2016-5-27 16:07:33
@我的印象笔记
                        新浪微博评论:lzyroot
回复
王颖博 2016-5-27 17:23:42
感谢分享,Code4App有你更精彩
回复
新浪微博评论 2016-5-27 17:56:39
@我的印象笔记
                        新浪微博评论:王浙剑
回复
hwp 2016-5-27 19:19:40
我只是路过打酱油的。
回复
千里行 2016-5-27 20:07:58
淡定,淡定,淡定……
回复
新浪微博评论 2016-5-27 21:17:08
@我的印象笔记
                        新浪微博评论:Short-cut
回复
王颖博 2016-5-27 21:17:14
我只是路过打酱油的。
回复
haohaode33 2016-5-30 18:26:30
楼主用心了,内容非常精彩。
回复
haohaode33 2016-5-30 18:34:29
精华内容,楼主V5!
回复
12345下一页
提取码:  下载次数:40 状态:已购或VIP 售价:0(原价:10)金钱 下载权限:初级码农 
1168 0 40
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,742864542

如何获得代码达人称号?

代码贡献英雄榜
用户名 下载数
通过邮件订阅最新 Code4App 信息
上一条 /4 下一条
联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

快速回复 返回顶部 返回列表