小程序自定義樣式
概要介紹
小程序sdk提供的功能如下自定義功能:
-
自定義小程序頂部導(dǎo)航欄樣式 (如:設(shè)置導(dǎo)航欄高度)
-
設(shè)置小程序默認(rèn)icon
-
設(shè)置小程序容器背景文字
-
設(shè)置小程序加載頁GIF圖片
自定義導(dǎo)航欄樣式
小程序標(biāo)題欄外觀,通過 FireflyMiniappNavAppearanceConfig 類來自定義標(biāo)題欄樣式。
/**
小程序標(biāo)題欄外觀
*/
@interface FireflyMiniappNavAppearanceConfig : NSObject
/**
導(dǎo)航欄標(biāo)題內(nèi)容
*/
@property (nonatomic, copy) NSString *title;
/**
導(dǎo)航欄標(biāo)題顏色
*/
@property (nonatomic, copy) UIColor *titleColor;
/**
導(dǎo)航欄標(biāo)題字號
*/
@property (nonatomic, assign) CGFloat titleFontSize;
/**
導(dǎo)航欄背景顏色
*/
@property (nonatomic, strong) UIColor *navigationBackgroudColor;
/**
導(dǎo)航欄高度 默認(rèn)為0 代表系統(tǒng)導(dǎo)航欄默認(rèn)高度(如無特殊要求不建議設(shè)置)
*/
@property (nonatomic, assign) CGFloat navigationBarHeight;
/**
導(dǎo)航欄右側(cè)更多按鈕圖片
*/
@property (nonatomic, strong) UIImage *navigationRightMoreImage;
/**
導(dǎo)航欄右側(cè)關(guān)閉按鈕圖片
*/
@property (nonatomic, strong) UIImage *navigationRightCloseImage;
獲得默認(rèn)樣式配置
標(biāo)題欄的默認(rèn)樣式。
+ (FireflyMiniappNavAppearanceConfig *)defaultAppearanceConfig;
參數(shù):
無
返回值:
類型 |
---|
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"];
//自定義導(dǎo)航欄高度
[manager customMiniappNavAppearanceConfig:config];
//使用默認(rèn)配置,沒有配置時默認(rèn)使用默認(rèn)配置
[manager customMiniappNavAppearanceConfig:[FireflyMiniappNavAppearanceConfig defaultAppearanceConfig]];
自定義小程序容器背景文字
API
通過該屬性可以自定義小程序背景文字。
/**
容器背景文字
*/
@property(nonatomic,copy) NSString *bgTitle;
示例代碼:
[FireflyMiniappManager manager].bgTitle = @"背景標(biāo)題";
自定義加載GIF圖片
自定義小程序加載時的動畫。
API
/**
自定義gif動畫文件路徑
*/
@property (nonatomic, copy) NSString *gifPath;
/**
自定義gif動畫大小
*/
@property (nonatomic, assign) CGSize gifSize;
示例代碼:
[FireflyMiniappManager manager].gifPath = @"gif 文件路徑";
[FireflyMiniappManager manager].gifSize = CGSizeMake(50, 50);