Skip to content

Most visited

Recently visited

navigation

Theme Editor로 앱 테마 디자인

Android Studio에는 Theme Editor라는 시각적 보조 도구가 포함되어 있으며, 다음 작업에 도움을 줍니다.

  • 앱의 테마를 생성하고 수정합니다.
  • 여러 가지 리소스 분류자의 테마를 수정합니다.
  • 공통 UI 요소에서 색상 변경 효과를 시각적으로 보여줍니다.
  • 이 페이지에서는 Theme Editor로 수행할 수 있는 기본 작업을 소개하고 그 방법을 설명합니다.

    Theme Editor 기본 정보

    이 섹션은 Theme Editor에 액세스하는 방법과 레이아웃을 설명합니다.

    Theme Editor 액세스

    Theme Editor를 여는 방법은 두 가지가 있습니다.

  • 열려 있는 XML 파일(예: styles.xml)에서 파일 창 오른쪽 위 근처에 있는 Open editor를 클릭합니다.
  • Tools 메뉴에서 Android > Theme Editor를 클릭합니다.

    Theme Editor 탐색

    Theme Editor의 메인 화면은 두 부분으로 나뉩니다. 에디터의 왼쪽에는 현재 테마를 적용했을 때 특정 UI 요소(예: 앱 바 또는 돌출된 버튼)가 어떤 모습인지 보여줍니다. 에디터의 오른쪽에는 미리보기 형식으로 현재 테마의 이름과 테마가 정의된 모듈, 테마 리소스(예: Theme parentcolorPrimary) 설정이 표시됩니다. 이러한 리소스 설정을 변경하여 디자인 테마를 수정할 수 있습니다.

    테마 및 색상

    Theme Editor를 사용하면 새로운 테마를 생성하고, 기존 테마를 수정하고, 테마를 구성하는 색상을 관리할 수 있습니다.

    새로운 테마 생성

    테마를 생성하려면 다음 단계를 수행하세요.

    1. Theme Editor의 오른쪽 위에 있는 Theme 드롭다운 메뉴를 엽니다.
    2. Create New Theme를 클릭합니다.
    3. New Theme 대화상자에 새 테마의 이름을 입력합니다.
    4. Parent theme name 목록에서 테마가 최초 리소스를 상속하는 상위 항목을 클릭합니다.

    테마 이름 변경

    테마 이름을 변경하려면 다음 단계를 수행하세요.

    1. Theme Editor의 오른쪽 위에 있는 Theme 드롭다운 메뉴를 엽니다.
    2. Rename theme-name을 클릭합니다.
    3. Rename 대화상자에 새 테마 이름을 입력합니다.
    4. (선택 항목) 변경된 스타일을 확인하려면 Preview를 클릭합니다.
    5. 변경한 내용을 적용하려면 Refactor를 클릭합니다.

    색상 리소스 변경

    기존 색상 리소스(예: colorPrimary)를 변경하려면 다음 단계를 수행하세요.

    1. 변경할 리소스 이름 옆의 색상이 적용된 사각형을 클릭합니다. Resources 대화상자가 나타납니다. 왼쪽에는 색상 목록이 표시되고 오른쪽에는 현재 선택된 리소스 색상의 설정 및 정보가 표시됩니다.
    2. 다음 단계를 통해 테마 리소스의 색상을 설정합니다.
      • 색상 목록에서 머티리얼 팔레트 색상을 선택합니다.
      • 색상 목록에서 프로젝트에 정의한 색상을 선택하고 원하는 대로 색상 값, 불투명도, 이름을 선택적으로 수정합니다.
      • Resources 대화상자의 오른쪽 아래에 있는 드롭다운 메뉴에서 New Resource > New color Value 를 클릭하여 프로젝트에 새로운 색상을 정의하고 색상 값, 불투명도, 이름을 지정합니다.
    3. 사용자설정 프로젝트 색상을 생성/수정했다면 Custom color 옆에 있는 CLOSEST MATERIAL COLOR를 클릭하여 색상이 가장 가까운 머티리얼 팔레트 색상과 일치하는지 확인할 수 있습니다. Android Studio는 선택한 색상의 색상 값과 불투명도를 머티리얼 색상과 가장 비슷하게 변경하고 Custom color를 머티리얼 팔레트의 색상명으로 교체합니다.

    상태 목록 및 색상 보기

    Theme Editor를 사용하면 여러 가지 상태와 관련된 색상을 미리 볼 수 있습니다. 이렇게 하려면 편집 가능한 상태 목록 리소스 이름 옆에 있는, 색상이 설정된 사각형을 클릭하여 Resources 대화상자를 엽니다. Resources 대화상자는 상태 목록(예: Selected)과 상태와 연결된 색상 값을 표시합니다. 상태에 맞는 색상을 클릭하여 여러 가지 색상 값을 선택합니다.

    상태 자체를 더욱 세밀하게 제어하려면 상태를 정의하는 XML 파일에서 속성을 직접 확인하고 편집할 수 있습니다. 자세한 내용은 ColorStateList 클래스를 참조하세요.

    기기별 구성

    앱에서 지원할 기기별 구성을 선택할 수 있습니다. 그렇게 하려면 다음 단계를 수행하세요.

    1. Resources 대화상자 아래쪽에 있는 Device Configuration 옆에 삼각형을 클릭합니다. Device Configuration 섹션이 펼쳐지면서 소스 설정과 리소스가 포함된 XML 파일 이름, 해당 파일을 넣을 구성별 디렉토리 목록이 나타납니다.
    2. 필요한 경우, XML 파일 이름을 변경합니다.
    3. 지원하고자 하는 기기별 구성에 맞는 디렉토리 옆의 확인란을 선택합니다. 디렉토리를 지정하지 않은 모든 구성은 values 디렉토리를 사용하도록 기본 설정됩니다.

    디렉토리 이름과 구성의 관계에 대한 자세한 내용은 다중 화면 지원을 참조하세요. 지원되는 디렉토리 이름에 대한 자세한 내용은 리소스 제공을 참조하세요.

  • This site uses cookies to store your preferences for site-specific language and display options.

    Hooray!

    This class requires API level or higher

    This doc is hidden because your selected API level for the documentation is . You can change the documentation API level with the selector above the left navigation.

    For more information about specifying the API level your app requires, read Supporting Different Platform Versions.

    Take a one-minute survey?
    Help us improve Android tools and documentation.