설명서AEM 6.4Forms 안내서

브랜딩 사용자 지정 branding-customization

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

  • User
CAUTION
AEM 6.4가 확장 지원이 종료되었으며 이 설명서는 더 이상 업데이트되지 않습니다. 자세한 내용은 기술 지원 기간. 지원되는 버전 찾기 여기.

애플리케이션 아이콘, 애플리케이션 이름, 시작 이미지 및 로그인 페이지를 사용자 지정하여 AEM Forms 앱에 조직별 모양을 제공할 수 있습니다. 예를 들어, 조직의 로고를 사용하도록 이미지를 변경할 수 있습니다. AEM Forms 앱은 다음 사용자 지정을 지원합니다.

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

아이콘 및 실행 이미지 사용자 지정 customizing-icon-and-launch-images

다음 단계를 수행하여 AEM Forms 앱의 기본 앱 아이콘과 실행 이미지를 사용자 지정합니다.

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

아이콘 및 launch 이미지를 사용자 지정하려면 to-customize-icon-and-launch-images

iOS용 for-ios

  1. 를 엽니다. Capture.xcodeproj 프로젝트에 포함되어 있습니다.

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

  3. (Launch 이미지 사용자 지정) 이미지의 파일 이름이 다음 파일인지 확인합니다.

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

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

    note note
    NOTE
    이미지의 이름과 해상도가 프로젝트에서 바꿀 이미지와 일치하는지 확인합니다.

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

Android용 for-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
    note note
    NOTE
    이미지의 이름과 해상도가 프로젝트에서 바꿀 이미지와 일치하는지 확인합니다.

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

Windows용 for-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

    note note
    NOTE
    이미지의 이름과 해상도가 프로젝트에서 바꿀 이미지와 일치하는지 확인합니다.

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

앱 이름 사용자 지정 customize-the-app-name

iOS용 for-ios-1

  1. 를 엽니다. Capture.xcodeproj 프로젝트에 포함되어 있습니다.

  2. 캡처의 네비게이터 보기에서 캡처 > 캡처 > 지원 파일 > InfoPlist.strings.

    에 대한 값 업데이트 CFBundleDisplayName 속성에 대한 설명을 추가합니다.

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

    iOS용 앱 빌드에 대한 자세한 내용은 Xcode 프로젝트를 설정하고 iOS 앱을 빌드합니다..

Android용 for-android-1

  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용 for-windows-1

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

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

  2. 에서 값을 업데이트합니다. <name>...</name> 태그에 가깝게 포함했습니다.

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

    Windows용 앱 빌드에 대한 자세한 내용은 Visual Studio 프로젝트를 설정하고 Windows 앱을 빌드합니다..

로그인 페이지에서 이미지 사용자 지정 customizing-images-on-the-login-page

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

시작하기 전

다음 이미지가 있는지 확인하십시오.

설명
크기
파일 이름
로고
72 x 72픽셀
LC-logo.png
배경 이미지(세로)
1280 x 989픽셀
Landing_bg.jpeg

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

  1. 를 엽니다. 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를 사용하여 로그인 페이지에서 이미지를 사용자 지정하려면 to-customize-images-on-the-login-pages-using-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를 사용하여 로그인 페이지에서 이미지를 사용자 정의하려면 to-customize-images-on-the-login-pages-using-visual-studio

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

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

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

  4. 배경을 변경하려면 기본값을 바꿉니다 Landing_bg.jpeg 사용자 지정 파일이 있는 파일 Landing_bg.jpeg파일.

  5. Windows 장치에서 AEM Forms 앱을 빌드하고 실행합니다.

앱 메뉴에서 로고 사용자 지정 customizing_images_on_the_login_page-1

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

시작하기 전

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

설명
크기
파일 이름
로고
72 x 72픽셀
aem_icon.png

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

  1. 를 엽니다. Capture.xcodeproj 프로젝트에 포함되어 있습니다.

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

  3. 로고를 변경하려면 기본값을 바꾸십시오 aem_icon.png 사용자 지정 파일이 있는 파일 aem_icon.png 파일.

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

Eclipse를 사용하여 로그인 페이지에서 이미지를 사용자 지정하려면 to-customize-images-on-the-login-pages-using-eclipse-1

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

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

  3. 로고를 변경하려면 기본값을 바꾸십시오 aem_icon.png 사용자 지정 파일이 있는 파일 aem_icon.png 파일.

  4. Android 장치에서 AEM Forms 앱을 빌드하고 실행합니다.

Visual Studio를 사용하여 로그인 페이지에서 이미지를 사용자 정의하려면 to-customize-images-on-the-login-pages-using-visual-studio-1

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

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

  3. 로고를 변경하려면 기본값을 바꾸십시오 aem_icon.png 사용자 지정 파일이 있는 파일 aem_icon.png 파일.

  4. Windows 장치에서 AEM Forms 앱을 빌드하고 실행합니다.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da