SmoothButton 0.0.3

SmoothButton 0.0.3

Rushan Benazir维护。



  • Matthew Weldon 和 Rushan Benazir 贡献

SmoothButton

动态按钮框架

logo

build platform license

一个完全可定制的原生 UIControl 子类,可轻松创建美观的按钮。

步骤 1) 创建一个 UIView

步骤 2) 将 UIView 设置为 SmoothButton

步骤 3) 享受!

预览

你将能够只使用界面设计器创建这样的按钮

preview

此外,你可以用于异步操作。

async

安装

要使用 CocoaPods 将 SmoothButton 集成到你的 Xcode 项目中,请在你的 Podfile 中指定它

use_frameworks!

pod 'SmoothButton'

图标和图片

你可以将图片/图标添加到按钮,图标来自不同的可即刻使用的字体图标集合,图片可以直接从你的项目资源文件夹导入。

你可以自定义在按钮标题左侧和/或右侧的图标/图片。

图标

图标由SwiftIconFont集成管理,因此您可以通过选择最受欢迎的字体图标集合,轻松添加和自定义按钮图标。特别是

集合 字体名 速查表
Font Awesome fa 列表
Ion Icons io 列表
Octicons oc 列表
Open Iconic ic 列表
Material Icon ma 列表
Themify ti 列表
Map Icons mi 列表

为了使用字体图标,您需要设置的主要属性是

  • Icon字体名:您可以从上面的表中选择一个值,不同的值将被忽略。

  • Icon字符串:从速查表中取出的图标名,不带集合前缀。

因此,如果您想从Font Awesome中使用fa-align-leftIcon字体名将是fa,而Icon字符串将是align-left

图像

设置图像源属性以使用来自您的资源文件夹的图像。

注意:如果设置了图像源,则将忽略同一侧有关字体图标的其他所有属性。

用法

将一个UIView对象拖放到您的视图控制器中,并将它的类和模块设置为SmoothButton

通过接口构建器设置属性来自定义您的按钮。

properties_1 properties_2

支持属性

属性 描述 默认值
Bg Color 主要背景颜色 clear
显示触摸反馈 是否显示触摸反馈 true
Gradient Start Color 渐变背景的第一种颜色 nil
Gradient End Color 渐变背景的第二种颜色 nil
Gradient End Color 渐变背景的第二种颜色 nil
Gradient Horizontal 是否水平渐变 false
Gradient Rotation 设置渐变旋转角度(从-360到360度) 0
Corner Radius 圆角半径 0.0
Fully Rounded Corners 应用等于高度的圆角半径 false
Border Color 边框颜色 white
Border Width 边框宽度 0.0
Title Color 标题颜色 white
Title String 标题字符串 EMPTY_STRING
Title Font Name 标题字体名 nil
Title Font Size 标题字体大小 14.0
Vertical orientation 如果true,则左图标将放置在顶部,右图标将放置在底部 false
左侧图标字符串 左侧图标的名称(从速查表中获取) EMPTY_STRING
左侧图标字体名称 左侧图标字体名称(从上表获取) EMPTY_STRING
左侧图标字体大小 左侧图标字体大小 14.0
左侧图标颜色 左侧图标颜色 white
左侧图片源 左侧资源资产名称 nil
左侧图片高度 左侧图片高度 20.0
左侧图片宽度 左侧图片宽度 20.0
左侧图片颜色 左侧图片调色色 nil
右侧图标字符串 右侧图标的名称(从速查表中获取) EMPTY_STRING
右侧图标字体名称 右侧图标字体名称(从上表获取) EMPTY_STRING
右侧图标字体大小 右侧图标字体大小 14.0
右侧图标颜色 右侧图标颜色 white
右侧图片源 右侧资源资产名称 nil
右侧图片高度 右侧图片高度 20.0
右侧图片宽度 右侧图片宽度 20.0
右侧图片颜色 右侧图片调色色 nil
标题图标间隔 标题和图片/图标之间的间隔 16.0
顶部间隔 内部顶部间隔 8.0
底部间隔 内部底部间隔 8.0
行间隔 内部行间隔 16.0
尾间隔 内部尾间隔 16.0
阴影偏移量 阴影偏移量 (0,0)
阴影半径 阴影半径 0.0
阴影不透明度 阴影不透明度 1.0
阴影颜色 阴影颜色 黑色
加载指示器颜色 加载指示器颜色 white
加载字符串 加载信息文本 EMPTY_STRING
加载字体名称 加载信息字体名称 EMPTY_STRING
加载字体大小 加载信息字体大小 14.0

如果您想查看更多,可以下载演示项目。

问题

请自由提交问题和功能请求。

贡献

贡献非常受欢迎。您的贡献可能包括修复错误或添加新功能。

请遵循“分支-拉取”(fork-and-pull)的Git工作流程(有关更多信息,请参见此处)。

  1. 分支GitHub上的存储库
  2. 克隆项目到您的计算机
  3. 提交更改到您的分支
  4. 推送您的作品到您的分支
  5. 提交一个[strong]“拉取请求”(Pull request),以便我可以审查您的更改

注意:在提出拉取请求之前,请务必将最新的内容合并到“上游”!

信用

项目 SwiftIconFont 被用来提供可使用的图标。

用于创建此按钮的框架是LGButton