小程序自定义样式

概要介绍

小程序sdk提供的功能如下自定义功能:

  • 自定义小程序顶部导航栏样式 (如:设置导航栏高度)

  • 设置小程序默认icon

  • 设置小程序容器背景文字

  • 设置小程序加载页GIF图片

自定义导航栏样式

小程序标题栏外观,通过 FireflyMiniappNavAppearanceConfig 类来自定义标题栏样式。

/**
 小程序标题栏外观
 */
@interface FireflyMiniappNavAppearanceConfig : NSObject

/**
 导航栏标题内容
 */
@property (nonatomic, copy) NSString *title;

/**
 导航栏标题颜色
 */
@property (nonatomic, copy) UIColor *titleColor;

/**
 导航栏标题字号
 */
@property (nonatomic, assign) CGFloat titleFontSize;

/**
 导航栏背景颜色
 */
@property (nonatomic, strong) UIColor *navigationBackgroudColor;

/**
 导航栏高度 默认为0 代表系统导航栏默认高度(如无特殊要求不建议设置)
 */
@property (nonatomic, assign) CGFloat navigationBarHeight;

/**
 导航栏右侧更多按钮图片
 */
@property (nonatomic, strong) UIImage *navigationRightMoreImage;

/**
 导航栏右侧关闭按钮图片
 */
@property (nonatomic, strong) UIImage *navigationRightCloseImage;

获得默认样式配置

标题栏的默认样式。

+ (FireflyMiniappNavAppearanceConfig *)defaultAppearanceConfig;
				

参数:

返回值:

类型
FireflyMiniappNavAppearanceConfig

示例代码:

FireflyMiniappManager *manager = [FireflyMiniappManager manager];

FireflyMiniappNavAppearanceConfig *config = [[FireflyMiniappNavAppearanceConfig alloc] init];
config.title = @"小程序";
config.titleColor = [UIColor blackColor];
config.titleFontSize = 14;
config.navigationBarHeight = 0;
config.navigationBackgroudColor = [UIColor whiteColor];
config.navigationRightMoreImage = [UIImage imageNamed:@"test_more"];
config.navigationRightCloseImage = [UIImage imageNamed:@"test_close"];
//自定义导航栏高度
[manager customMiniappNavAppearanceConfig:config];
//使用默认配置,没有配置时默认使用默认配置
[manager customMiniappNavAppearanceConfig:[FireflyMiniappNavAppearanceConfig defaultAppearanceConfig]];

自定义小程序容器背景文字

API

通过该属性可以自定义小程序背景文字。

/**
 容器背景文字
 */
@property(nonatomic,copy) NSString *bgTitle;

示例代码:

[FireflyMiniappManager manager].bgTitle = @"背景标题";
				

自定义加载GIF图片

自定义小程序加载时的动画。

API

/**
 自定义gif动画文件路径
 */
@property (nonatomic, copy) NSString *gifPath;

/**
 自定义gif动画大小
 */
@property (nonatomic, assign) CGSize gifSize;

示例代码:

[FireflyMiniappManager manager].gifPath = @"gif 文件路径";
[FireflyMiniappManager manager].gifSize = CGSizeMake(50, 50);