小程序自定义样式
概要介绍
小程序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);