: Creating Apps with Material Design - Using the Material Theme

Using the Material Theme

The new material theme provides:

System widgets that let you set their color palette

Touch feedback animations for the system widgets

Activity transition animations

새로운 material theme는 다음과 같은 내용을 제공합니다.

팔레트를 설정할 수 있는 시스템 애플릿

시스템 애플릿용 터치 피드백 애니메이션

액션 비디오 애니메이션

You can customize the look of the material theme according to your brand identity with a color palette you control. You can tint the action bar and the status bar using theme attributes, as shown in Figure 3 .
브랜드 특성에 맞는 외관을 위해 팔레트를 맞춤 제작할 수 있다.
The system widgets have a new design and touch feedback animations. You can customize the color palette, the touch feedback animations, and the activity transitions for your app.
The material theme is defined as:

@android:style/Theme.Material (dark version)

@android:style/Theme.Material.Light (light version)

@android:style/Theme.Material.Light.DarkActionBar

For a list of material styles that you can use, see the API reference for R.style.
시스템 부품에 새로운 디자인과 터치 피드백 애니메이션이 있다.응용 프로그램의 팔레트와 터치 피드백 애니메이션은 Activity transsition을 사용자 정의할 수 있습니다.
material theme, 다음과 같이 정의합니다.

@android:style/Theme.Material (dark version)

@android:style/Theme.Material.Light (light version)

@android:style/Theme.Material.Light.DarkActionBar

사용 가능한 material style 차트는 API 참조R.style를 참조하십시오.

Figure 1. Dark material theme

Figure 2. Light material theme
Note: The material theme is only available in Android 5.0 (API level 21) and above. The v7 Support Libraries provide themes with material design styles for some widgets and support for customizing the color palette. For more information, see Maintaining Compatibility.
참고: material theme는 Android 5입니다.0(API level 21) 이상을 사용할 수 있습니다.v7 지원 라이브러리, 일부 위젯에material 디자인의 스타일을 제공합니다. 팔레트의 맞춤형 제작을 지원합니다.자세한 내용은 Maintaining Compatibility를 참조하십시오.

Customize the Color Palette

To customize the theme's base colors to fit your brand, define your custom colors using theme attributes when you inherit from the material theme:
브랜드에 맞는 theme 기본 색상을 맞춤형으로 제작하기 위해 material themae를 계승하여 theme 속성을 사용하여 사용자 정의 색상을 정의합니다.

<resources>
  <!-- inherit from the material theme -->
  <style name="AppTheme" parent="android:Theme.Material">
    <!-- Main theme colors -->
    <!--   your app branding color for the app bar -->
    <item name="android:colorPrimary">@color/primary</item>
    <!--   darker variant for the status bar and contextual app bars -->
    <item name="android:colorPrimaryDark">@color/primary_dark</item>
    <!--   theme UI controls like checkboxes and text fields -->
    <item name="android:colorAccent">@color/accent</item>
  </style>
</resources>

Figure 3. Customizing the material theme.

Customize the Status Bar

The material theme lets you easily customize the status bar, so you can specify a color that fits your brand and provides enough contrast to show the white status icons. To set a custom color for the status bar, use the android:statusBarColor attribute when you extend the material theme. By default, android:statusBarColor inherits the value of android:colorPrimaryDark.
material theeme를 사용하면 브랜드에 따라 상태막대 색상을 맞춤형으로 제작할 수 있습니다.상태 표시줄의 색상은 흰색 상태 아이콘이 표시되는 범위 내에서 지정됩니다.상태 표시줄에 사용자 정의 색을 설정하려면 material theme를 확장하고 android:statusBarColor 속성을 사용하십시오.기본값android:statusBarColor 상속android:colorPrimaryDark의 값입니다.
You can also draw behind the status bar yourself. For example, if you want to show the status bar transparently over a photo, with a subtle dark gradient to ensure the white status icons are visible. To do so, set the android:statusBarColor attribute to @android:color/transparent and adjust the window flags as required. You can also use the Window.setStatusBarColor() method for animations or fading.
상태막대 뒤에 그릴 수도 있습니다.예를 들어, 투명 상태막대를 사진에 표시하려면 그래디언트를 약간 강화하여 흰색 상태 아이콘을 표시할 수 있습니다.이를 위해 android:statusBarColor 속성에 @android:color/transparent을 설정하고 필요에 따라 창flag를 조정합니다.또한 Window.setStatusBarColor() 방법을 사용하여 애니메이션과 쇠퇴를 진행할 수 있다.
Note: The status bar should almost always have a clear delineation from the primary toolbar, except for cases where you show edge-to-edge rich imagery or media content behind these bars and when you use a gradient to ensure that the icons are still visible.
참고: 상태 표시줄에 표시된 내용은 전체 화면 표시를 제외하고는 주 도구막대와 명확하게 분리되어야 합니다.
When you customize the navigation and status bars, either make them both transparent or modify only the status bar. The navigation bar should remain black in all other cases.
내비게이션 표시줄이나 상태 표시줄을 사용자 정의할 때 투명하거나 상태 표시줄만 수정합니다.다른 모든 상황에서 내비게이션 표시줄은 검은색을 유지해야 한다.

Theme Individual Views

Elements in XML layout definitions can specify the android:theme attribute, which references a theme resource. This attribute modifies the theme for the element and any child elements, which is useful for altering theme color palettes in a specific portion of an interface.
XML 레이아웃에 정의된 요소의 경우 android:theme 속성을 사용하여 the 에셋을 지정할 수 있습니다.이 속성은 요소와 하위 요소의 테마도 바뀌기 때문에 특정 부분의 테마 팔레트를 변경하는 데 매우 편리하다.
LICENSE
Portions of this page are modifications based on work created and shared by the Android Open Source Project and used according to terms described in the Creative Commons 2.5 Attribution License.
Original source: http://developer.android.com/training/material/theme.html