适用于 iOS 的 PPiFlatSegmentedControl

PPiFlatSegmentedControl 是一个 UI 控件，它通过避免原始 UISegmentedControl 来获得与扁平化设计相关的有趣特性。为了更好的外观，您可以将 Font Awesome 库添加到您的项目中，并使用其图标到 Segmented Control 中

Font Awesome 图标

安装

通过此存储库中的 Pod，安装可以轻松完成。您要做的只是将 PPiFlatSegmentedControl 添加到您的 Podfile 中

(如果您之前没有使用过 CocoaPods，您可以在 这里 找到更多信息)

pod 'PPiFlatSegmentedControl', :git => '<https://github.com/pepibumur/PPiFlatSegmentedControl.git>'

尝试演示项目

如果您想尝试演示项目，您必须

1. 克隆仓库
2. 进入 PPiFlatSegmentedControl-Demo/ 文件夹
3. 运行 pod install

使用 Xcode 打开 PPiFlatSegmentedControl-Demo.xcworkspace 文件。

使用方法

要开始使用 PPiFlatSC，您必须在想要使用的地方导入类：#import "PPiFlatSegmentedControl.h"

然后在您的视图中实例化它

PPiFlatSegmentedControl *segmented=[[PPiFlatSegmentedControl alloc] initWithFrame:CGRectMake(20, 20, 250, 30) items:@[               @{@"text":@"Face",@"icon":@"icon-facebook"},
                                        @{@"text":@"Linkedin",@"icon":@"icon-linkedin"},
                                        @{@"text":@"Twitter",@"icon":@"icon-twitter"}
                                        ]
                                        iconPosition:IconPositionRight andSelectionBlock:^(NSUInteger segmentIndex) {

                                        }];
    segmented.color=[UIColor colorWithRed:88.0f/255.0 green:88.0f/255.0 blue:88.0f/255.0 alpha:1];
    segmented.borderWidth=0.5;
    segmented.borderColor=[UIColor darkGrayColor];
    segmented.selectedColor=[UIColor colorWithRed:0.0f/255.0 green:141.0f/255.0 blue:147.0f/255.0 alpha:1];
    segmented.textAttributes=@{NSFontAttributeName:[UIFont systemFontOfSize:13],
                               NSForegroundColorAttributeName:[UIColor whiteColor]};
    segmented.selectedTextAttributes=@{NSFontAttributeName:[UIFont systemFontOfSize:13],
                               NSForegroundColorAttributeName:[UIColor whiteColor]};
    [self.view addSubview:segmented];

属性

您可以修改以下参数

• color：整个 segmentControl 的背景颜色
• selectedColor：选中状态的 segment 背景颜色
• borderWith：围绕 segment 和控制的边框线宽度
• borderColor：边框颜色 "" ""
• textAttributes：非选中状态的文本属性
• selectedTextAttributes：选中状态的文本属性

(如果您有疑问，您应该查阅更多 Apple 文档或 https://github.com/pepibumur/PPiAwesomeButton )

注意：当您初始化控制时，必须传递一个 Block，其中包含当任何 segment 被选中时的行为

重要额外：Awesome 图标

显示的示例使用 Font Awesome 库，您可以通过其 Pod 将其添加到项目中。请记住将此字体添加到您的 App Info.plist 中。编辑您的应用程序的 Info.plist，以便包含关键字：“应用程序提供的字体”(UIAppFonts)。

                <key>UIAppFonts</key>
                <array>
                    <string>fontawesome-webfont.ttf</string>
                </array>

屏幕截图

变更日志 1.3.3

• 注意：初始化方法已更改，请在示例中查看FlatSegmented现在如何初始化
• PPiAwesomeButton：现在控制功能通过PPiAwesomeButton实现
• 图标位置：设置图标位置相对于文本

许可证

PPiFlatSegmentedControl 以 MIT 许可证提供。请参阅 LICENSE 文件以获取更多信息。