2014-11-26 4 views
10

저는 현재 새로운 머티리얼 디자인 가이드 라인을 사용하여 앱을 제작하고 있습니다. 작업 표시 줄 대신 툴바를 사용하고 있습니다.툴바에서 텍스트 및 화살표 색상 변경 방법을 변경하려면 어떻게해야합니까?

텍스트, 오버플로 아이콘 및 화살표/햄버거 아이콘 (네비게이션 끌기를 당길 때 뒤집어지는 것)을 검정색이 아닌 흰색으로 지정하지만 나머지는 내 AppCompat가되어야합니다. 빛 테마.

누군가 내가 이러한 것들을 바꾸는 방법을 설명해 줄 수 있다면, 나는 매우 위대 할 것입니다.

xml 및 java 코드를 통해 색상을 변경해야합니다.

그리고 하위 메모에서 누구나 내가 어떻게 도구 모음에 하위 텍스트를 설정했는지 알 수 있습니까? 나는 그것이 가능하다는 것을 읽었지만, 그것이 어떻게 이루어 졌는지에 대한 어떤 자원도 찾을 수 없다.

<LinearLayout 
    android:layout_height="match_parent" 
    android:layout_width="match_parent" 
    android:orientation="vertical" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto"> 
    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="?attr/colorPrimaryDark" 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     /> 
    <com.bacon.corey.audiotimeshift.SlidingUpPanelLayout xmlns:sothree="http://schemas.android.com/apk/res-auto" 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     android:id="@+id/sliding_layout" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:gravity="bottom" 
     sothree:panelHeight="0dp" 
     sothree:shadowHeight="10dp" 
     sothree:paralaxOffset="100dp" 
     sothree:fadeColor="@android:color/transparent" 

     > 

     <android.support.v4.widget.DrawerLayout 
      xmlns:android="http://schemas.android.com/apk/res/android" 
      android:id="@+id/drawer_layout" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      > 
      <!-- The main content view --> 




       <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
        xmlns:app="http://schemas.android.com/apk/res-auto" 
        android:padding="0dp" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        > 
        <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
         xmlns:app="http://schemas.android.com/apk/res-auto" 
         android:orientation="vertical" 
         android:padding="0dip" 
         android:gravity="center_horizontal" 
         android:layout_width="match_parent" 
         android:layout_height="match_parent" 
         android:layout_margin="0dp" 
         android:id="@+id/recordingListMainLayout" 
         android:foreground="@drawable/dim_shadow_shape_dark" 

         > 

         <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
          xmlns:app="http://schemas.android.com/apk/res-auto" 
          android:orientation="vertical" 
          android:padding="0dp" 
          android:gravity="center_horizontal" 
          android:layout_width="match_parent" 
          android:layout_height="match_parent" 

          > 

          <FrameLayout 
           android:layout_width="match_parent" 
           android:layout_height="match_parent" 
           android:id="@+id/mainLayoutContainer"/> 
       <!-- 
          <android.support.v4.view.ViewPager 
           android:id="@+id/viewPager" 
           android:layout_width="match_parent" 
           android:layout_height="0px" 
           android:layout_weight="1" 
           android:padding="0dp" 
           android:layout_margin="0dp" 
           /> 
       --> 


         </LinearLayout> 

        </FrameLayout> 
        <RelativeLayout 
         android:layout_width="match_parent" 
         android:layout_height="match_parent"> 
         <FrameLayout 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:background="@drawable/textview_rounded_corner_background_fam" 
          android:layout_alignParentRight="true" 
          android:layout_alignParentBottom="true" 
          android:layout_marginBottom="33dp" 
          android:layout_marginRight="90dp" 
          android:id="@+id/fabMainText" 

          > 
          <TextView 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:text="Main Option - Quick Record" 
           android:textAlignment="center" 
           android:padding="6dp" 
           android:fontFamily="sans-serif-medium" 

           /> 
         </FrameLayout> 
         <com.bacon.corey.audiotimeshift.FloatingActionsMenu 
          android:id="@+id/fabMenu" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:layout_gravity="bottom|right" 
          android:gravity="right" 
          app:fab_addButtonColorNormal="@color/holo_red_light" 
          app:fab_addButtonColorPressed="@color/c16" 
          app:fab_addButtonPlusIconColor="@color/white" 
          app:fab_expandDirection="up" 
          android:layout_marginTop="10dp" 
          android:layout_marginRight="10dp" 
          android:layout_marginBottom="10dp" 
          android:layout_marginEnd="10dp" 
          android:layout_alignParentRight="true" 
          android:layout_alignParentBottom="true" 

          > 
          <LinearLayout 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:orientation="horizontal" 
           android:gravity="center_vertical" 
           > 
           <FrameLayout 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:background="@drawable/textview_rounded_corner_background_fam" 
            android:layout_marginRight="14dp" 
            > 
            <TextView 
             android:layout_width="wrap_content" 
             android:layout_height="wrap_content" 
             android:text="Option Four" 
             android:textAlignment="center" 
             android:padding="6dp" 
             android:fontFamily="sans-serif-medium" 

             /> 
           </FrameLayout> 

           <com.bacon.corey.audiotimeshift.FloatingActionButton 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            app:fab_colorNormal="@color/c15" 
            app:fab_colorPressed="@color/c15" 
            app:fab_size="mini" 
            /> 
          </LinearLayout> 
          <LinearLayout 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:orientation="horizontal" 
           android:gravity="center_vertical" 
           > 
           <FrameLayout 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:background="@drawable/textview_rounded_corner_background_fam" 
            android:layout_marginRight="14dp" 

            > 
            <TextView 
             android:layout_width="wrap_content" 
             android:layout_height="wrap_content" 
             android:text="Option Three" 
             android:textAlignment="center" 
             android:padding="6dp" 
             android:fontFamily="sans-serif-medium" 
             /> 
           </FrameLayout> 

           <com.bacon.corey.audiotimeshift.FloatingActionButton 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            app:fab_colorNormal="@color/c8" 
            app:fab_colorPressed="@color/c8" 
            app:fab_size="mini" 
            /> 
          </LinearLayout> 
          <LinearLayout 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:orientation="horizontal" 
           android:gravity="center_vertical" 
           > 
           <FrameLayout 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:background="@drawable/textview_rounded_corner_background_fam" 
            android:layout_marginRight="14dp" 

            > 
            <TextView 
             android:layout_width="wrap_content" 
             android:layout_height="wrap_content" 
             android:text="Option Two" 
             android:textAlignment="center" 
             android:padding="6dp" 
             android:fontFamily="sans-serif-medium" 
             /> 
           </FrameLayout> 

           <com.bacon.corey.audiotimeshift.FloatingActionButton 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            app:fab_colorNormal="@color/a1" 
            app:fab_colorPressed="@color/a1" 
            app:fab_size="mini" 
            /> 
          </LinearLayout> 
          <LinearLayout 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:orientation="horizontal" 
           android:gravity="center_vertical" 
           > 
           <FrameLayout 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:background="@drawable/textview_rounded_corner_background_fam" 
            android:layout_marginRight="14dp" 

            > 
            <TextView 
             android:layout_width="wrap_content" 
             android:layout_height="wrap_content" 
             android:text="Option One" 
             android:textAlignment="center" 
             android:padding="6dp" 
             android:fontFamily="sans-serif-medium" 
             /> 
           </FrameLayout> 

           <com.bacon.corey.audiotimeshift.FloatingActionButton 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            app:fab_colorNormal="@color/a2" 
            app:fab_colorPressed="@color/a2" 
            app:fab_size="mini" 
            /> 
          </LinearLayout> 
         </com.bacon.corey.audiotimeshift.FloatingActionsMenu> 
        </RelativeLayout> 
       </RelativeLayout> 
      <!-- The navigation drawer --> 
      <ListView android:id="@+id/left_drawer" 
       android:layout_width="240dp" 
       android:layout_height="match_parent" 
       android:layout_gravity="start" 
       android:choiceMode="singleChoice" 
       android:divider="@android:color/transparent" 
       android:dividerHeight="0dp" 
       android:background="#FFFFFF"/> 
     </android.support.v4.widget.DrawerLayout> 

     <!-- Sliding Panel Layout --> 
      <FrameLayout 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:gravity="center|top" 
       android:textSize="16sp" 
       android:id="@+id/slideUpPanel" 
       > 

      </FrameLayout> 

    </com.bacon.corey.audiotimeshift.SlidingUpPanelLayout> 
</LinearLayout> 

미리 도움을 청하십시오.

코리 B :

+0

'<항목 이름 = "drawerArrowStyle"> @ 스타일/DrawerArrowStyle'와'설정 DrawerArrowStyle''<항목 이름 = "색상"> 안드로이드 @ 옆에 : 완벽했다 그' –

답변

23

다음은 도구 모음에 대한 완벽한 스타일입니다. 설명은 인라인으로 주어집니다.

자막 노트에
<style name="MyToolbar" parent="@style/ThemeOverlay.AppCompat"> 
    <!-- Title text --> 
    <item name="android:textColorPrimary">@android:color/white</item> 

    <!-- Title color in AppCompat.Light --> 
    <item name="android:textColorPrimaryInverse">@android:color/white</item> 

    <!-- Menu text--> 
    <item name="actionMenuTextColor">@android:color/white</item> 
    <!-- Overflow --> 
    <item name="android:textColorSecondary">@android:color/white</item> 
    <!-- This will change drawer icon --> 
    <item name="drawerArrowStyle">@style/WhiteDrawerIconStyle</item> 
    <!-- background of the --> 
    <!-- <item name="android:background">@color/color_primary</item> --> 
</style> 


<style name="WhiteDrawerIconStyle" parent="Widget.AppCompat.DrawerArrowToggle"> 
    <item name="spinBars">true</item> 
    <item name="color">@android:color/white</item> 
</style> 

:이 속성을 추가, 앱 바에서 mToolbar.setSubtitle(sutitle);

+0

화이트 색상/, 감사! Corey :) – Fishingfon

2

를 사용할 수 있습니다.

응용 프로그램 : 모든 호분의주의를 기울여야한다 테마 = "@ 스타일/Base.V7.Theme.AppCompat"

. 참조 된 테마는 흰색 항목이있는 도구 모음으로 구성되어 있으므로 도구 모음은 관련 항목 인 테마의 일부를 사용합니다.

위에서 설명한대로 mToolbar.setSubtitle을 호출하십시오.

+0

Thx, 이것은 나를 위해 그것을했다, 단지 그것이 약간 회색이었다. – Ivan

3

app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 을 툴바 xml에 넣으십시오. 그리고 화살은 흰색으로 변합니다.

<android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="@dimen/toolbar_height" 
      app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 
+0

이것은 내 햄버거 메뉴 아이콘에 흰색으로 표시되는 답변이었습니다. – Ivan