DropdownTitleView 0.1.0

DropdownTitleView 0.1.0

×

由 Ryan Nystrom 维护。

DropdownTitleView 0.1.0

  • 由
  • Ryan Nystrom

DropdownTitleView

为 UINavigationItem.titleView 构建的简单可配置的“下拉”视图。

安装

只需在 Podfile 中添加 DropdownTitleView 并 pod install。完成！

pod 'DropdownTitleView'

用法

创建一个 DropdownTitleView 实例，配置它，并将其设置为 UINavigationItem 的 titleView

func viewDidLoad() {
  super.viewDidLoad()
  let titleView = DropdownTitleView()
  titleView.configure(title: "Hello world!", subtitle: "Is this thing on?")
  navigationItem.titleView = titleView
}

Example

添加类似于其他任意 UIControl 的触摸处理功能

func viewDidLoad() {
  super.viewDidLoad()
  // setup and set titleView
  titleView.addTarget(
    self, 
    action: #selector(onTitle), 
    for: .touchUpInside
  )
}

@objc func onTitle() {
  print("do something")
}

配置

DropdownTitleView 有几个外观选项

  • titleFont 和 titleColor - 顶部标题标签的 UIFont 和 UIColor
  • subtitleFont 和 subtitleColor - 底部副标题标签的 UIFont 和 UIColor
  • chevronTintColor - 刮箭头图像的 UIColor 染色

所有这些值都可以通过 UIAppearance 进行配置！

DropdownTitleView.appearance().chevronTintColor = .blue
DropdownTitleView.appearance().titleColor = .black
DropdownTitleView.appearance().subtitleColor = .lightGray
DropdownTitleView.appearance().titleFont = .systemFontOfSize(18)
DropdownTitleView.appearance().subtitleFont = .systemFontOfSize(13)

您还可以通过 configure(...) 函数的参数来控制视图的特性

  • subtitle - 留为 nil 以移除副标题并垂直居中标题
  • chevronEnabled - 设置为 false 以移除刮箭头
  • accessibilityLabel 和 accessibilityHint - 在控件上设置无障碍选项

致谢