Темы Android: определение цветов / градиентов в "baseTheme.xml", использование в элементах управления, переопределение в "subThemeX.xml" - PullRequest
Новая
       18

Темы Android: определение цветов / градиентов в "baseTheme.xml", использование в элементах управления, переопределение в "subThemeX.xml"

14 голосов
/ 08 июня 2011

Мне трудно понять, как реализовать более сложную ситуацию с темой / стилем в Android.

Я изучал различные учебные пособия по стилю / тематике, предоставляемые Android, но они этого не делают.в моем случае это соответствует требованиям.

(дистиллированная) ситуация выглядит следующим образом: я создаю приложение с настраиваемым вкладком , и мне нужно иметь возможность брендироватьприложение с разными стилями (темы).

XML-код для вкладки (на основе http://joshclemm.com/blog/?p=136):

layout / tabs_bg.xml: 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tabsLayout" android:layout_width="fill_parent"
    android:layout_height="fill_parent" android:background="@drawable/tab_bg_selector"
    android:padding="10dip" android:gravity="center" android:orientation="vertical">

    <LinearLayout android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:orientation="horizontal"
        android:gravity="center">
        <ImageView          
            android:src="@drawable/star_fav_empty"
            android:layout_height="24px" 
            android:layout_width="24px"
            android:id="@+id/tabsImage"
            android:paddingRight="5dip"></ImageView>

        <TextView 
            android:id="@+id/tabsText" 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" 
            android:text="Hallowaaaaa"
            android:textSize="15dip"
            android:textColor="?android:textColorTertiary"/>
    </LinearLayout>
</LinearLayout>

drawable / tab_bg_selector.xml: 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--  Active tab -->
    <item android:state_selected="true" android:state_focused="false"
        android:state_pressed="false" android:drawable="@drawable/tab_bg_selected" />
    <!--  Inactive tab -->
    <item android:state_selected="false" android:state_focused="false"
        android:state_pressed="false" android:drawable="@drawable/tab_bg_unselected" />
    <!--  Pressed tab -->
    <item android:state_pressed="true" android:state_enabled="false" android:drawable="@android:color/transparent" />
    <!--  Selected tab (using d-pad) -->
    <item android:state_focused="true" android:state_selected="true"
        android:state_pressed="false" android:drawable="@android:color/transparent" />
</selector>

drawable / tab_bg_selected.xml: 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">  
    <gradient android:startColor="#A8A8A8" android:centerColor="#7F7F7F"
        android:endColor="#696969" android:angle="-90" />
</shape>

drawable / tab_bg_unselected.xml: 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient android:startColor="#5C5C5C" android:centerColor="#424242"
        android:endColor="#222222" android:angle="-90" />
</shape>

Затем я хотел бы определить стили следующим образом:

values ​​/ MyBaseStyle.xml 

<?xml version="1.0" encoding="utf-8"?>
<resources> 
    <style name="MyBaseStyle" parent="@android:style/Theme.Light">
    </style>    
</resources>

значения / MySubStyle1.xml 

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="MySubStyle1" parent="MyBaseStyle"> 
    </style>
</resources>

значения / MySubStyle2.xml 

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="MySubStyle2" parent="MyBaseStyle"> 
    </style>
</resources>

Большие вопросы здесьявляются:

1.Как поместить градиент или цвет в MyBaseStyle.xml и использовать его в tab_bg_selected.xml и tab_bg_unselected.xml вместо жестко закодированного градиента / цвета?

2.Как я могу переопределить градиент / цвет, который я определил в MyBaseStyle.xml, изнутри MySubStyle1.xml и MySubStyle2.xml соответственно, чтобы мой стиль вкладки был соответствующим образом стилизован?

Примечание: Я хотел быочень хотелось бы иметь возможность определять градиент / цвета соответственно в MyBaseStyle.xml, MySubStyle1.xml и MySubStyle2.xml (в отличие от определения нескольких разных цветов в нескольких разных XML-файлах), чтобы иметь возможность сохранять «стилизацию» в одном файле.Таким образом, я могу передать брендинг для своего приложения на аутсорсинг.

Может кто-нибудь помочь мне в этом?

1 Ответ

1 голос
/ 20 апреля 2012

В файле colors.xml в / res / values ​​задайте цвета для каждой темы 

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="themeB_textColor">#e8e8e8</color>
    <color name="themeA_textColor">#fff</color>
</resources>

Тогда программно установить цвет для представлений для данной темы? 

//at on create grab the selected theme however it has been set - ie: through preferences
if(theme=='themeA')
{
  super.setTheme(R.style.ThemeA);
  Color textColor = getResources().getColor(R.color.themeA_textColor);
}
//later
applyTextColors(textView1,textView2...)

//make a function for applying colors
public void applyTextColors(TextView... tvs)
{
    for(TextView tv : tvs){tv.setTextColor(textColor);}
}
...