lilei644 / Llbootstrapbutton
Licence: mit
Bootstrap 3.0扁平化风格按钮,自带图标,一句代码直接调用!!!
Stars: ✭ 189
Projects that are alternatives of or similar to Llbootstrapbutton
Acebutton
An adjustable, compact, event-driven button library for Arduino that debounces and dispatches events to a user-defined event handler.
Stars: ✭ 180 (-4.76%)
Mutual labels: button
Ruby2 Rails4 Bootstrap Heroku
A starter application based on Ruby 2.4, Rails 4.2 and Bootstrap for Sass 3, deployable on Heroku
Stars: ✭ 181 (-4.23%)
Mutual labels: bootstrap
Bootstrap Vue
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
Stars: ✭ 13,603 (+7097.35%)
Mutual labels: bootstrap
Raspberrypi Ua Netinst
RaspberryPi (minimal) unattended netinstaller
Stars: ✭ 179 (-5.29%)
Mutual labels: bootstrap
Calvin
A minimalistic build tool for clojurescript projects that does not require the jvm
Stars: ✭ 181 (-4.23%)
Mutual labels: bootstrap
Roombooking
This is an open source application for booking rooms via a web based calendar, using cfWheels, Bootstrap3, jQuery, FullCalendar.js, and other bits. AKA the OxAlto RoomBooking System
Stars: ✭ 184 (-2.65%)
Mutual labels: bootstrap
Startwordpress
Learn how to develop a WordPress theme from scratch with this basic skeleton and accompanying tutorial.
Stars: ✭ 187 (-1.06%)
Mutual labels: bootstrap
Lgbutton
A fully customisable subclass of the native UIControl which allows you to create beautiful buttons without writing any line of code.
Stars: ✭ 2,216 (+1072.49%)
Mutual labels: button
Parameters
📊 Computation and processing of models' parameters
Stars: ✭ 181 (-4.23%)
Mutual labels: bootstrap
Reactsimpleflexgrid
A way to quickly add a Grid Layout to your React app 🚀
Stars: ✭ 181 (-4.23%)
Mutual labels: bootstrap
Cognito Vue Bootstrap
This application illustrates how to use the Amazon Amplify with vue.js.
Stars: ✭ 180 (-4.76%)
Mutual labels: bootstrap
Easybutton
Arduino library for debouncing momentary contact switches, detect press, release, long press and sequences with event definitions and callbacks.
Stars: ✭ 187 (-1.06%)
Mutual labels: button
Algorithm Visualizer
View Algorithms in the Browser! - Built with ReactJs
Stars: ✭ 180 (-4.76%)
Mutual labels: bootstrap
Angular Bootstrap Slider
an angularjs directive for seiyria-bootstrap-slider
Stars: ✭ 183 (-3.17%)
Mutual labels: bootstrap
Vue Switches
An on/off switch component for Vue.js with theme support.
Stars: ✭ 188 (-0.53%)
Mutual labels: bootstrap
Jblog
🔱一个简洁漂亮的java blog 👉基于Spring /MVC+ Hibernate + MySQL + Bootstrap + freemarker. 实现 🌈
Stars: ✭ 187 (-1.06%)
Mutual labels: bootstrap
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中风格,默认是可点击
[button bs_configureAsDefaultStyle] // 默认
[button bs_configureAsPrimaryStyle] // 原色
[button bs_configureAsSuccessStyle] // 成功
[button bs_configureAsInfoStyle] // 消息
[button bs_configureAsWarningStyle] // 警告
[button bs_configureAsDangerStyle] // 危险
添加图标
// 使用图标签需要先设置字体
UIFont *font = [UIFont bs_awesomeFontOfSize:16.f];
``` [button.titleLabel setFont:[UIFont bs_awesomeFontOfSize:16.f]]; // 选择苹果图标,置前 [button setTitle:[NSString stringWithFormat:@"%@ Primary", @"fa-apple".bs_awesomeIconRepresentation] forState:UIControlStateNormal]; ```
``` // UITextView直接显示图标 [textview setText:[NSString stringWithFormat:@"这是一个%@图标",@"fa-github-alt".bs_awesomeIconRepresentation]]; ``` * 支持图标可达300多种,符合大部分需求
![image](https://github.com/lilei644/LLBootstrapButton/blob/master/Img/fontIcon.png) 图标代码打开资源文件中的htm文件即可显示所有图标
`使用注意:由于图标为文字生成,所以必须设置字体`
致谢
- 在此特别感谢阳神Sunny对新人的指导
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].