全部产品
云市场

搜索输入框

更新时间:2020-04-28 16:56:04

  • AUSearchTitleView 为搜索栏点击入口控件。
  • 该组件类似搜索栏,但仅支持点击,提供如下三种样式:

    • AUSearchTitleStyleDefault = 0:黑色文字,使用于浅色背景

      示例:mPaaS 全部应用页导航栏搜索入口样式。

    • AUSearchTitleStyleMiddleAlign:黑色文字,使用于浅色背景(居中对齐)

      示例:联系人页面搜索入口样式。

    • AUSearchTitleStyleContent:白色文字,适用于深色背景

      示例:mPaaS 应用首页导航栏搜索入口样式。

效果图

依赖

AUSearchTitleView 的依赖如下:

  1. AntUI(iOS)
  2. 1.0.0.161108003457
  3. APCommonUI(iOS)
  4. 1.2.0.161108102201

接口说明

  1. typedef NS_ENUM(NSInteger, AUSearchTitleStyle) {
  2. AUSearchTitleStyleDefault = 0, // 黑色文字,使用于浅色背景
  3. AUSearchTitleStyleMiddleAlign, // 黑色文字,使用于浅色背景(居中对齐)
  4. AUSearchTitleStyleContent, // 白色文字,适用于深色背景
  5. };
  6. @class AUSearchTitleView;
  7. @protocol AUSearchTitleViewDelegate <NSObject>
  8. @optional
  9. // 点击搜索栏入口控件
  10. - (void)didPressedTitleView:(AUSearchTitleView *)titleView;
  11. // 点击搜索栏入口控件的 voice 按钮
  12. - (void)didPressedVoiceButton:(AUSearchTitleView *)titleView;
  13. @end
  14. /**
  15. 搜索栏入口控件(默认宽度占据整个屏幕)
  16. */
  17. @interface AUSearchTitleView : UIView
  18. @property(nonatomic, assign)AUSearchTitleStyle style; //搜索背景样式,若不设置,默认为浅色背景
  19. @property(nonatomic,strong) NSString *placeHolder; //搜索框 placeholder,默认为“搜索”
  20. @property(nonatomic,strong) UIColor *placeHolderColor; //placeholder 的颜色
  21. @property (nonatomic, weak) id<AUSearchTitleViewDelegate> delegate;
  22. @property(nonatomic,strong) UIImage *searchIconImage; //搜索 icon
  23. @property(nonatomic,strong) UIColor *normalBackgroundColor; //搜索框的背景颜色
  24. @property(nonatomic,assign) BOOL isShowVoiceIcon; //是否显示语音搜索 icon,默认不显示
  25. /**
  26. * 搜索框距外层透明 View 的左右内边距,默认为 9。如业务需设置初始化的实例 View 与其他 View 的间距,请将内边距值考虑在内,否则视觉上会有误差
  27. * 说明:将初始化的实例设为 navigationItem 的 titleview 时,系统会自适应布局 titlview 与左右 item 的间距,为满足视觉需求,设置了搜索框距外层透明 View 的内边距。
  28. *
  29. * 如有特殊需求,可重设此内边距
  30. *
  31. */
  32. @property(nonatomic,assign) CGFloat marginBetweenItem;
  33. /**
  34. * 获取实例的方法
  35. *
  36. * @param style 搜索框的style
  37. *
  38. * @return 获取的实例
  39. */
  40. - (id)initWithSearchStyle:(AUSearchTitleStyle)style;
  41. /**
  42. * 默认调起全局搜索页面,若业务需自定义点击搜索框的事件,请在子类中重写此方法
  43. */
  44. - (void)onClicked;
  45. @end

代码示例

  • 应用于导航栏:

    1. AUSearchTitleView *titleView = [[AUSearchTitleView alloc] initWithSearchStyle:AUSearchTitleStyleDefault];
    2. titleView.placeHolder = @"搜索栏入口样式";
    3. titleView.placeHolderColor = [UIColor blackColor];
    4. titleView.normalBackgroundColor = [UIColor orangeColor];
    5. titleView.isShowVoiceIcon = YES;
    6. titleView.delegate = self;
    7. self.navigationItem.titleView = titleView;
  • 应用于普通视图

    1. titleView = [[AUSearchTitleView alloc] initWithSearchStyle:AUSearchTitleStyleMiddleAlign];
    2. titleView.placeHolder = @"AUSearchTitleStyleMiddleAlign样式";
    3. titleView.isShowVoiceIcon = YES;
    4. titleView.delegate = self;
    5. [self.view addSubview:titleView];