WeChat アプレットのタブバー アイコン サイズの設定

WeChat アプレットのタブバー アイコンのサイズは、次の方法で設定できます。

1. タブバーのアイコン画像を適切なサイズにする: デザイン ツール (Photoshop、Sketch など) を使用して、アイコンを適切なサイズに調整できます。通常は 48x48 または 60x60 ピクセルのアイコンが推奨されます。

2. app.json ファイルでタブバー アイコンのサイズを設定する: app.json ファイルの tabBar フィールドで iconSize プロパティを設定して、タブバー アイコンのサイズを制御します。例えば：

"tabBar": {
    
    
  "list": [
    {
    
    
      "pagePath": "pages/home/home",
      "text": "首页",
      "iconPath": "images/home.png",
      "selectedIconPath": "images/home_selected.png",
      "iconSize": 48
    },
    {
    
    
      "pagePath": "pages/profile/profile",
      "text": "个人",
      "iconPath": "images/profile.png",
      "selectedIconPath": "images/profile_selected.png",
      "iconSize": 48
    }
  ]
}

上の例では、iconSize プロパティが 48 に設定されており、タブバー アイコンのサイズは 48x48 ピクセルになります。

WeChat ミニ プログラムでは、タブバー アイコンのサイズが 81x81 ピクセルを超えてはいけないと規定しています。81x81 ピクセルを超えない場合は、自動的に拡大縮小または切り取られる可能性があります。したがって、適切なアイコン サイズを選択し、実際のニーズとデザイン ガイドラインに基づいて適切な調整を行うことをお勧めします。