アプリケーションアイコン、アプリケーション名、起動画像、ログインページをカスタマイズすることで、AEM Forms アプリケーションに組織固有のユニークな外観を与えることができます。例えば、組織のロゴを使用するために画像を変更できます。AEM Forms アプリケーションは次のカスタマイズをサポートしています。
次の手順を実行して、AEM Forms アプリケーションのデフォルトのアプリケーションアイコンと起動画像をカスタマイズします。
すべてのアイコンと起動画像で、ノンインターレースの PNG 形式を使用します。
Xcode で Capture.xcodeproj
プロジェクトを開きます。
(アイコンのカスタマイズの場合)キャプチャのナビゲータービューで、キャプチャ/キャプチャ/サポートするファイル/Capture-info.plist に移動します。アイコンファイルの隣にあるドロップダウンをクリックします。アイコンファイル(.png)の名前を指定し、キャプチャ/キャプチャ/リソース/アイコンでファイルをアップロードします。現在サポートされているサイズは、29 x 29、50 x 50、58 x 58、72 x 72、100 x 100、144 x 144 です。
(起動画像のカスタマイズの場合)画像のファイル名が次のいずれかであることを確認します。
Default-Portrait~ipad.png
および Default-Portrait@2x~ipad.png
Default-Landscape~ipad.png
および Default-Landscape@2x~ipad.png
これらのファイルをキャプチャプロジェクトにアップロードして、プロジェクトの既存のファイルと置き換えます。
画像の名前と解像度が、プロジェクト内の置き換える画像と一致していることを確認します。
iOS デバイスまたは iOS シミュレーター上で AEM Forms アプリケーションを構築して実行します。
アプリケーションのアイコンファイルに次の名前を付けます。
ic_launcher.png
対応するアイコンファイルを次のディレクトリに配置します。
[User_Home]/Projects/[your-project]/src/android/res/drawable-hdpi
[User_Home]/Projects/[your-project]/src/android/res/drawable-mdpi
[User_Home]/Projects/[your-project]/src/android/res/drawable-xhdpi
[User_Home]/Projects/[your-project]/src/android/res/drawable-xxhdpi
[User_Home]/Projects/[your-project]/src/android/res/drawable-xxxhdpi
画像の名前と解像度が、プロジェクト内の置き換える画像と一致していることを確認します。
AEM Forms アプリケーションを再構築します。
次のパスにあるアイコンを置き換えます。
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\icons\windows
次のパスにある起動画像を置き換えます。
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\screens\windows
画像の名前と解像度が、プロジェクト内の置き換える画像と一致していることを確認します。
AEM Forms アプリケーションを再構築します。
Xcode で Capture.xcodeproj
プロジェクトを開きます。
Capture のナビゲータービューで、Capture/Capture/Supporting Files/InfoPlist.strings に移動します。
CFBundleDisplayName
属性の値を、アプリに表示する名前に更新します。
iOS デバイスまたは iOS シミュレーター上で AEM Forms アプリケーションを構築して実行します。
iOS 向けアプリケーションの構築について詳しくは、Xcode プロジェクトの設定と iOS アプリケーションの構築を参照してください。
テキストエディターまたは XML エディターで次の Xml ファイルを開きます。
[User_Home]/Projects/[your-project]/src/android/res/values/strings.xml and android/res/values-en/strings.xml
app_name
キーの値を更新します。
AEM Forms アプリケーションを再構築します。
Andriod のアプリケーション構築について詳しくは、「Eclipse プロジェクトの設定と Android アプリケーションの構築」を参照してください。
テキストエディターで次の Xml ファイルを開きます。
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\config.xml
<name>...</name>
タグ内の値を更新します。
AEM Forms アプリケーションを再構築します。
Windows 上でのアプリケーションの構築について詳しくは、「Visual Studio プロジェクトの設定と Windows アプリケーションの構築」を参照してください。
AEM Forms アプリケーションのログインページには、ロゴと背景画像があります。ロゴはログインダイアログボックスの上に配置されており、背景の画像はログインダイアログボックスの下に配置されています。次の手順を実行してログインページのデフォルトの画像をカスタマイズします。
事前準備
次の画像があることを確認します。
説明 |
サイズ |
Filename |
---|---|---|
Logo(ロゴ) |
72 x 72 ピクセル |
LC-logo.png |
背景画像(縦長) |
1280 x 989 ピクセル |
Landing_bg.jpeg |
Xcode を使用してログインページの画像をカスタマイズするには
Xcode で Capture.xcodeproj
プロジェクトを開きます。
www/wsmobile/images
フォルダーに移動し、
ロゴを変更するには、デフォルトの LC-logo.png
ファイルをカスタムの LC-logo.png
ファイルに置き換えます。
背景を変更するには、デフォルトの Landing_bg.jpeg
ファイルをカスタムの Landing_bg.jpeg
ファイルに置き換えます。
iOS デバイスまたは iOS シミュレーター上で AEM Forms アプリケーションを構築して実行します。
Eclipse で Android プロジェクトを開きます。
assets/www/wsmobile/images
フォルダーに移動し、
ロゴを変更するには、デフォルトの LC-logo.png
ファイルをカスタムの LC-logo.png
ファイルに置き換えます。
背景を変更するには、デフォルトの Landing_bg.jpeg
ファイルをカスタムの Landing_bg.jpeg
ファイルに置き換えます。
Android デバイス上で AEM Forms アプリケーションを構築して実行します。
Visual Studio で MWSWindows.sln
プロジェクトを開きます。
MWSWindows\www\wsmobile\images
フォルダーに移動し、
ロゴを変更するには、デフォルトの LC-logo.png
ファイルをカスタムの LC-logo.png
ファイルに置き換えます。
背景を変更するには、デフォルトの Landing_bg.jpeg
ファイルをカスタムの Landing_bg.jpeg
ファイルに置き換えます。
Windows デバイス上で AEM Forms アプリケーションを構築して実行します。
AEM Forms アプリケーションにログインしてメニューボタンをタップすると、メニュー上にロゴが表示されます。次の手順を実行してデフォルトのロゴをカスタマイズします。
事前準備
次の画像があることを確認します。
説明 |
サイズ |
ファイル名 |
---|---|---|
Logo(ロゴ) |
72 x 72 ピクセル |
aem_icon.png |
Xcode を使用してログインページの画像をカスタマイズするには
Xcode で Capture.xcodeproj
プロジェクトを開きます。
www/wsmobile/images
フォルダーに移動し、
ロゴを変更するには、デフォルトの aem_icon.png
ファイルをカスタムの aem_icon.png
ファイルに置き換えます。
iOS デバイスまたは iOS シミュレーター上で AEM Forms アプリケーションを構築して実行します。
Eclipse で Android プロジェクトを開きます。
assets/www/wsmobile/images
フォルダーに移動し、
ロゴを変更するには、デフォルトの aem_icon.png
ファイルをカスタムの aem_icon.png
ファイルに置き換えます。
Android デバイス上で AEM Forms アプリケーションを構築して実行します。
Visual Studio で MWSWindows.sln
プロジェクトを開きます。
MWSWindows\www\wsmobile\images
フォルダーに移動し、
ロゴを変更するには、デフォルトの aem_icon.png
ファイルをカスタムの aem_icon.png
ファイルに置き換えます。
Windows デバイス上で AEM Forms アプリケーションを構築して実行します。