SmoothButton
动态按钮框架
一个完全可定制的原生 UIControl
子类,可轻松创建美观的按钮。
步骤 1) 创建一个 UIView
步骤 2) 将 UIView 设置为 SmoothButton
步骤 3) 享受!
预览
你将能够只使用界面设计器创建这样的按钮
此外,你可以用于异步操作。
安装
要使用 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-left
,Icon字体名将是fa
,而Icon字符串将是align-left
。
图像
设置图像源属性以使用来自您的资源文件夹的图像。
注意:如果设置了图像源,则将忽略同一侧有关字体图标的其他所有属性。
用法
将一个UIView
对象拖放到您的视图控制器中,并将它的类和模块设置为SmoothButton
。
通过接口构建器设置属性来自定义您的按钮。
支持属性
属性 | 描述 | 默认值 |
---|---|---|
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工作流程(有关更多信息,请参见此处)。
- 分支GitHub上的存储库
- 克隆项目到您的计算机
- 提交更改到您的分支
- 推送您的作品到您的分支
- 提交一个[strong]“拉取请求”(Pull request),以便我可以审查您的更改
注意:在提出拉取请求之前,请务必将最新的内容合并到“上游”!
信用
项目 SwiftIconFont 被用来提供可使用的图标。
用于创建此按钮的框架是LGButton。