小程序自定義樣式

概要(yào / yāo)介紹

小程序sdk提供的(de)功能如下自定義功能：

  • 自定義小程序頂部導航欄樣式 (如:設置導航欄高度)

  • 設置小程序默認icon

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

  • 設置小程序加載頁GIF圖片

自定義導航欄樣式

小程序标題欄外觀，通過 FireflyMiniappNavAppearanceConfig 類來(lái)自定義标題欄樣式。

/**
 小程序标題欄外觀
 */
@interface FireflyMiniappNavAppearanceConfig : NSObject

/**
 導航欄标題内容
 */
@property (nonatomic, copy) NSString *title;

/**
 導航欄标題顔色
 */
@property (nonatomic, copy) UIColor *titleColor;

/**
 導航欄标題字号
 */
@property (nonatomic, assign) CGFloat titleFontSize;

/**
 導航欄背景顔色
 */
@property (nonatomic, strong) UIColor *navigationBackgroudColor;

/**
 導航欄高度 默認爲(wéi / wèi)0 代表系統導航欄默認高度(如無特殊要(yào / yāo)求不(bù)建議設置)
 */
@property (nonatomic, assign) CGFloat navigationBarHeight;

/**
 導航欄右側更多按鈕圖片
 */
@property (nonatomic, strong) UIImage *navigationRightMoreImage;

/**
 導航欄右側關閉按鈕圖片
 */
@property (nonatomic, strong) UIImage *navigationRightCloseImage;

獲得默認樣式配置

标題欄的(de)默認樣式。

+ (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];
//使用默認配置，沒有配置時(shí)默認使用默認配置
[manager customMiniappNavAppearanceConfig:[FireflyMiniappNavAppearanceConfig defaultAppearanceConfig]];

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

API

通過該屬性可以(yǐ)自定義小程序背景文字。

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

示例代碼：

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

自定義加載GIF圖片

自定義小程序加載時(shí)的(de)動畫。

API

/**
 自定義gif動畫文件路徑
 */
@property (nonatomic, copy) NSString *gifPath;

/**
 自定義gif動畫大(dà)小
 */
@property (nonatomic, assign) CGSize gifSize;

示例代碼：

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