브랜딩 사용자 지정

응용 프로그램 아이콘, 응용 프로그램 이름, 시작 이미지 및 로그인 페이지를 사용자 정의하여 AEM Forms 앱에 고유한 조직별 모양을 제공할 수 있습니다. 예를 들어 이미지를 변경하여 조직의 로고를 사용할 수 있습니다. AEM Forms 앱은 다음과 같은 사용자 지정을 지원합니다.

  • 애플리케이션 아이콘 및 시작 이미지 사용자 정의
  • 앱 이름 맞춤화
  • 로그인 페이지에서 이미지 사용자 정의
  • 앱 메뉴에서 로고 사용자 정의

아이콘 사용자 정의 및 시작 이미지

기본 앱 아이콘과 AEM Forms 앱의 실행 이미지를 사용자 정의하려면 다음 단계를 수행하십시오.

노트

모든 아이콘 및 이미지에는 비인터레이스 PNG 형식을 사용합니다.

아이콘을 사용자 정의하고이미지를 시작하려면

iOS의 경우

  1. Xcode에서 Capture.xcodeproj 프로젝트를 엽니다.

  2. (사용자 정의 아이콘) 캡처의 내비게이터 보기에서 캡처 > 캡처 > 지원 파일 > Capture-info.plist​로 이동합니다. 아이콘 파일 옆의 드롭다운을 클릭합니다. 아이콘 파일(.png)의 이름을 지정하고 캡처 > 캡처 > 리소스 > 아이콘​에서 파일을 업로드합니다. 현재 지원되는 디멘션은 다음과 같습니다.29x29, 50x50, 58x58, 72x72, 100x100 및 144x144.

  3. (시작 이미지를 사용자 정의하는 경우) 이미지의 파일 이름이 다음 파일인지 확인합니다.

    • 세로:Default-Portrait~ipad.pngDefault-Portrait@2x~ipad.png
    • 가로:Default-Landscape~ipad.pngDefault-Landscape@2x~ipad.png

    캡처 프로젝트에 업로드하여 프로젝트의 기존 파일을 바꿉니다.

    노트

    이미지의 이름과 해상도가 프로젝트에서 대체한 이미지와 일치하는지 확인합니다.

  4. iOS 디바이스 또는 iOS 시뮬레이터에서 AEM Forms 앱을 빌드하고 실행합니다.

Android의 경우

  1. 응용 프로그램 아이콘 파일의 이름을 다음과 같이 지정합니다.

    ic_launcher.png

  2. 다음 디렉토리에 해당 아이콘 파일을 배치합니다.

    • [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
    노트

    이미지의 이름과 해상도가 프로젝트에서 대체한 이미지와 일치하는지 확인합니다.

  3. AEM Forms 앱을 다시 빌드합니다.

Windows

  1. 경로에서 아이콘을 교체합니다.

    %HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\icons\windows

  2. 경로에서 시작 관리자 이미지를 교체합니다.

    %HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\screens\windows

    노트

    이미지의 이름과 해상도가 프로젝트에서 대체한 이미지와 일치하는지 확인합니다.

  3. AEM Forms 앱을 다시 빌드합니다.

앱 이름사용자 정의

iOS의 경우

  1. Xcode에서 Capture.xcodeproj 프로젝트를 엽니다.

  2. Capture의 탐색기 보기에서 캡처 > 캡처 > 지원 파일 > InfoPlist.strings​로 이동합니다.

    CFBundleDisplayName 속성 값을 앱에 대해 표시할 이름으로 업데이트합니다.

  3. iOS 디바이스 또는 iOS 시뮬레이터에서 AEM Forms 앱을 빌드하고 실행합니다.

    iOS용 앱 빌드에 대한 자세한 내용은 Xcode 프로젝트 설정 및 iOS 앱 빌드를 참조하십시오.

Android의 경우

  1. 텍스트 또는 Xml 편집기에서 다음 Xml을 엽니다.

    [User_Home]/Projects/[your-project]/src/android/res/values/strings.xml and android/res/values-en/strings.xml

  2. app_name 키의 값을 업데이트합니다.

  3. AEM Forms 앱을 다시 빌드합니다.

    Android용 앱 빌드에 대한 자세한 내용은 Eclipse 프로젝트 설정 및 Android 앱 빌드를 참조하십시오.

Windows

  1. 텍스트 편집기에서 다음 Xml을 엽니다.

    %HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\config.xml

  2. <name>...</name> 태그의 값을 업데이트합니다.

  3. AEM Forms 앱을 다시 빌드합니다.

    Windows용 앱 빌드에 대한 자세한 내용은 Visual Studio 프로젝트 설정 및 Windows 앱 빌드를 참조하십시오.

로그인 페이지의 이미지 사용자 정의

AEM Forms 앱의 로그인 페이지에는 로고 및 배경 이미지가 있습니다. 로고는 로그인 대화 상자 위에 있으며 배경 이미지는 로그인 대화 상자 아래에 있습니다. 로그인 페이지에서 기본 이미지를 사용자 정의하려면 다음 단계를 수행합니다.

시작하기 전에

다음 이미지가 있는지 확인합니다.

설명

크기

파일 이름

로고

72 x 72픽셀

LC-logo.png

배경 이미지(세로)

1280 x 989픽셀

Landing_bg.jpeg

Xcode를 사용하여 로그인 페이지의 이미지를 사용자 정의하려면

  1. Xcode에서 Capture.xcodeproj 프로젝트를 엽니다.

  2. www/wsmobile/images폴더로 이동합니다.

  3. 로고를 변경하려면 기본 LC-logo.png 파일을 사용자 지정 LC-logo.png 파일로 바꾸십시오.

  4. 배경을 변경하려면 기본 Landing_bg.jpeg 파일을 사용자 지정 Landing_bg.jpeg 파일로 바꾸십시오.

  5. iOS 디바이스 또는 iOS 시뮬레이터에서 AEM Forms 앱을 빌드하고 실행합니다.

Eclipse을 사용하여 로그인 페이지의 이미지를 사용자 정의하려면

  1. Eclipse에서 Android 프로젝트를 엽니다.

  2. assets/www/wsmobile/images폴더로 이동합니다.

  3. 로고를 변경하려면 기본 LC-logo.png 파일을 사용자 지정 LC-logo.png 파일로 바꾸십시오.

  4. 배경을 변경하려면 기본 Landing_bg.jpeg 파일을 사용자 지정 Landing_bg.jpeg 파일로 바꾸십시오.

  5. Android 디바이스에서 AEM Forms 앱을 빌드하고 실행합니다.

Visual Studio을 사용하여 로그인 페이지의 이미지를 사용자 정의하려면

  1. Visual Studio에서 MWSWindows.sln 프로젝트를 엽니다.

  2. MWSWindows\www\wsmobile\images폴더로 이동합니다.

  3. 로고를 변경하려면 기본 LC-logo.png 파일을 사용자 지정 LC-logo.png 파일로 바꾸십시오.

  4. 배경을 변경하려면 기본 Landing_bg.jpeg 파일을 사용자 지정 Landing_bg.jpeg 파일로 바꾸십시오.

  5. Windows 디바이스에서 AEM Forms 앱을 빌드하고 실행합니다.

앱 메뉴에서 로고 사용자 정의

AEM Forms 앱에 로그인하고 메뉴 단추를 누르면 메뉴 위에 로고가 표시됩니다. 기본 로고를 사용자 정의하려면 다음 단계를 수행합니다.

시작하기 전에

다음 이미지가 있는지 확인합니다.

설명

크기

파일 이름

로고

72 x 72픽셀

aem_icon.png

Xcode를 사용하여 로그인 페이지의 이미지를 사용자 정의하려면

  1. Xcode에서 Capture.xcodeproj 프로젝트를 엽니다.

  2. www/wsmobile/images폴더로 이동합니다.

  3. 로고를 변경하려면 기본 aem_icon.png 파일을 사용자 지정 aem_icon.png 파일로 바꿉니다.

  4. iOS 디바이스 또는 iOS 시뮬레이터에서 AEM Forms 앱을 빌드하고 실행합니다.

Eclipse을 사용하여 로그인 페이지의 이미지를 사용자 정의하려면

  1. Eclipse에서 Android 프로젝트를 엽니다.

  2. assets/www/wsmobile/images폴더로 이동합니다.

  3. 로고를 변경하려면 기본 aem_icon.png 파일을 사용자 지정 aem_icon.png 파일로 바꿉니다.

  4. Android 디바이스에서 AEM Forms 앱을 빌드하고 실행합니다.

Visual Studio을 사용하여 로그인 페이지의 이미지를 사용자 정의하려면

  1. Visual Studio에서 MWSWindows.sln 프로젝트를 엽니다.

  2. MWSWindows\www\wsmobile\images폴더로 이동합니다.

  3. 로고를 변경하려면 기본 aem_icon.png 파일을 사용자 지정 aem_icon.png 파일로 바꿉니다.

  4. Windows 디바이스에서 AEM Forms 앱을 빌드하고 실행합니다.

이 페이지에서는