Bootstrap 3.0扁平化風格按鈕，一句代碼調用：LLBootstrapButton

khyytt 9年前發布 | 36K 次閱讀 iOS開發 移動開發 LLBootstrapButton

Bootstrap 3.0扁平化風格按鈕，一句代碼調用
  以前開發過web端的同學可能用過推ter公司出的一個前端框架Bootstrap,當時剛接觸的時候是2.0的版本，后來是3.0,從立體化的風格到現在扁平化的風格，一直以一種簡約大方的設計風格體現，深受開發者的喜愛。本人目前從事Android開發，正準備轉行步入IOS大軍，所以目前也是出于學習階段。

  對于我們這種沒有美工妹紙當女票的人來說移動開發就是悲劇，所以后來發現Android開發中也有Bootstrap和 BootstrapButton兩個框架，顯示風格和網頁扁平簡約的風格一樣，我也在開發中用過很多次。于是最近將BootstrapButton部分移植了一個OC版本，以便喜歡這種風格的同學方便使用，維持了原本web端自帶的圖標字體，可一鍵調用！！！

  先上效果圖，共6中風格，每種分正常，高亮，不可點擊三種狀態，也可添加圖標

image

使用方法

添加背景效果 

[button buttonDefault]

  分為6中風格,默認是可點擊 

[button buttonDefault]              // 默認
[button buttonPrimary]              // 原色
[button buttonSuccess]              // 成功
[button buttonInfo]                 // 消息
[button buttonWarning]              // 警告
[button buttonDanger]               // 危險

  不可點擊為半透明效果 

[button buttonDefaultEnable:NO]


添加圖標

  • 導入字體到項目中
    image
  • info.plist配置字體

    image
  • 調用方法（根據圖標代碼選擇圖標）
[button buttonAddIcon:@"fa-apple" isBefore:YES]    // 選擇蘋果圖標，置前
支持圖標可達300多種，符合大部分需求
image   圖標代碼打開資源文件中的htm文件即可顯示所有圖標
使用注意：由于圖標為文字生成，所以調用前若修改字體則需在添加圖標前修改


項目主頁：http://www.baiduhome.net/lib/view/home/1438350943300

 本文由用戶 khyytt 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！