it-swarm.com.ru

Изменение вкладок ActionBar подчеркивает цвет программно

Я создал панель действий 

ActionBar actionbar = getActionBar()

Фон панели действий изменяется на 

actionbar.setBackgroundDrawable(actionBarBackgroundImage);

Теперь мне нужно изменить цвет вкладок панели действий, подчеркивая цвет программно. Есть ли способ изменить цвет подчеркивания вкладок панели действий?

23
Karthick

В качестве альтернативы вы можете использовать Android Action Bar Style Generator , чтобы легко тематизировать вашу панель действий и вкладки.

10
Litrik De Roy

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

Я боролся с этим в течение нескольких дней, но, наконец, нашел решение. Я использую AppCompat. Вы можете установить colorAccent в своей теме, и это изменит цвет подсветки на панели действий. Вот так:

<item name="colorAccent">@color/highlightcolor</item>

Вот это в контексте:

<style name="LightTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimary">@color/darkgrey</item>
    <item name="colorPrimaryDark">@color/black</item>
    <item name="colorAccent">@color/highlightcolor</item>
</style>

Где я первоначально разместил этот ответ: Цвет подчеркивания Android Tab не меняется

9
Kenny Wyland

Я предлагаю вам использовать ActionBarSherlock . В библиотеке доступен один образец с названием «Стиль ActionBar». (это единственный способ изменить цвет подчеркивания вкладок ActionBar)

если вы настроили ActionBar, вы должны добавить этот стиль в ActionBar Style

или вот способ как это сделать

enter image description here

создайте стиль, как показано ниже (здесь я использовал ActionBarShareLock, если вы не хотите использовать, тогда используйте Android-support-v4.jar для поддержки всех версий ОС Android)

<style name="Theme.AndroidDevelopers" parent="Theme.Sherlock.Light">
        <item name="Android:actionBarTabStyle">@style/MyActionBarTabStyle</item>
        <item name="actionBarTabStyle">@style/MyActionBarTabStyle</item>
    </style>

    <!-- style for the tabs -->
    <style name="MyActionBarTabStyle" parent="Widget.Sherlock.Light.ActionBar.TabBar">
        <item name="Android:background">@drawable/actionbar_tab_bg</item>
        <item name="Android:paddingLeft">32dp</item>
        <item name="Android:paddingRight">32dp</item>

actionbar_tab_bg.xml

<item Android:state_focused="false" Android:state_selected="false" Android:state_pressed="false" Android:drawable="@drawable/ad_tab_unselected_holo" />
<item Android:state_focused="false" Android:state_selected="true"  Android:state_pressed="false" Android:drawable="@drawable/ad_tab_selected_holo" />
<item Android:state_selected="false" Android:state_pressed="true" Android:drawable="@drawable/ad_tab_selected_pressed_holo" />
<item Android:state_selected="true"  Android:state_pressed="true" Android:drawable="@drawable/ad_tab_selected_pressed_holo" />

применить этот стиль в вашей деятельности в файле манифеста Android

<activity
            Android:name="com.example.tabstyle.MainActivity"
            Android:label="@string/app_name"
            Android:theme="@style/Theme.AndroidDevelopers" >

для более подробной информации проверьте это ответ и эту статью .


РЕДАКТИРОВАНИЕ: 29-09-2015

ActionBarSherlock устарела, поэтому в качестве альтернативы вы можете использовать библиотеку поддержки Android design и библиотеку appcompat приложения Android для TOOLBAR (Action-Bar устарела, так что ..) и TABS.

используйте TabLayout как показано ниже

<Android.support.design.widget.TabLayout
            Android:id="@+id/tabs"
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            app:tabGravity="center"
            app:tabMode="scrollable"
            app:tabSelectedTextColor="@color/white"
            app:tabIndicatorColor="@color/colorPrimary"
            app:tabIndicatorHeight="2dip"
            app:tabTextAppearance="?android:attr/textAppearanceMedium"
            app:tabTextColor="@color/colorAccent" />

вот пример библиотеки поддержки дизайна Android с вкладкой

5
Dhawal Sodha Parmar

Обратитесь это , для настройки панели действий,

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- the theme applied to the application or activity -->
    <style name="CustomActivityTheme" parent="@Android:style/Theme.Holo">
        <item name="Android:actionBarStyle">@style/MyActionBar</item>
        <!-- other activity and action bar styles here -->
    </style>

    <!-- style for the action bar backgrounds -->
    <style name="MyActionBar" parent="@Android:style/Widget.Holo.ActionBar">
        <item name="Android:background">@drawable/ab_background</item>
        <item name="Android:backgroundStacked">@drawable/ab_background</item>
        <item name="Android:backgroundSplit">@drawable/ab_split_background</item>
    </style>
</resources>
4
Sino Raj

Я попробовал многие предложения, размещенные здесь и в других местах, но безуспешно. Но я думаю, что мне удалось собрать воедино (хотя и не идеальное) решение.

TabWidget использует селектор. По сути, это показывает другое изображение 9 патчей в зависимости от состояния вкладки (выбрана, нажата и т.д.). Я наконец понял, что вы можете создать селектор программно. Я начал с 9 сгенерированных патчей с http://Android-holo-colors.com/ (цвет: # 727272, TabWidget: Да).

Самой большой проблемой была настройка цвета. Установка цветового фильтра ничего не сделала. Итак, я закончил тем, что изменил цвета каждого из пикселей изображения с 9 патчами внутри цикла.

...    
/**
 * <code>NinePatchDrawableUtility</code> utility class for manipulating nine patch resources.
 * 
 * @author amossman
 *
 */
@TargetApi(Build.VERSION_CODES.HONEYCOMB)
public class NinePatchDrawableUtility {

    // Matches the colors in the supported drawables
    private static final int TAB_UNDERLINE_HIGHLIGHT_COLOR = 1417247097;
    private static final int TAB_UNDERLINE_COLOR = -8882056;
    private static final int TAB_PRESSED_COLOR = -2122745479;

    private Resources resources;

    public NinePatchDrawableUtility(Resources resources) {
        this.resources = resources;
    }

    /**
     * Create a <code>StateListDrawable</code> that can be used as a background for the {@link Android.widget.TabWidget}</br></br>
     * 
     * <code>
     * FragmentTabHost tabHost = ...</br>
     * NinePatchUtility ninePatchUtility = new NinePatchUtility(getResources());</br>
     * TabWidget tabWidget =  tabHost.getTabWidget();</br>
     * for (int i = 0; i < tabWidget.getChildCount(); i++) {</br>
     * &nbsp;&nbsp;&nbsp;tabWidget.getChildAt(i).setBackground(ninePatchUtility.getTabStateListDrawable(titleColor));</br>
     * }
     * </code>
     * 
     * @param tintColor The color to tint the <code>StateListDrawable</code>
     * @return A new <code>StateListDrawable</code> that has been tinted to the given color
     */
    public StateListDrawable getTabStateListDrawable(int tintColor) {
        StateListDrawable states = new StateListDrawable();
        states.addState(new int[] {Android.R.attr.state_pressed},
            changeTabNinePatchColor(resources, R.drawable.cc_tab_selected_pressed_holo, tintColor));
        states.addState(new int[] {Android.R.attr.state_focused},
            changeTabNinePatchColor(resources, R.drawable.cc_tab_selected_focused_holo, tintColor));
        states.addState(new int[] {Android.R.attr.state_selected},
            changeTabNinePatchColor(resources, R.drawable.cc_tab_selected_holo, tintColor));
        states.addState(new int[] { },
            changeTabNinePatchColor(resources, R.drawable.cc_tab_unselected_holo, tintColor));
        return states;
    }

    /**
     * Change the color of the tab indicator.</br></br>
     * 
     * Supports only the following drawables:</br></br>
     * 
     * R.drawable.cc_tab_selected_pressed_holo</br>
     * R.drawable.cc_tab_selected_focused_holo</br>
     * R.drawable.cc_tab_selected_holo</br>
     * R.drawable.cc_tab_unselected_holo</br></br>
     * 
     * Note: This method is not efficient for large <code>Drawable</code> sizes.
     * 
     * @param resources Contains display metrics and image data
     * @param drawable The nine patch <code>Drawable</code> for the tab
     * @param tintColor The color to tint the <code>Drawable</code>
     * @return A new <code>NinePatchDrawable</code> tinted to the given color
     */
    public NinePatchDrawable changeTabNinePatchColor(Resources resources, int drawable, int tintColor) {

        int a = Color.alpha(tintColor);
        int r = Color.red(tintColor);
        int g = Color.green(tintColor);
        int b = Color.blue(tintColor);
        BitmapFactory.Options opt = new BitmapFactory.Options();
        opt.inMutable = true;
        Bitmap bitmap = BitmapFactory.decodeResource(resources, drawable, opt);
        for (int x = 0; x < bitmap.getWidth(); x++) {
            for (int y = 0; y < bitmap.getHeight(); y++) {
                int color = bitmap.getPixel(x, y);
                if (color == TAB_PRESSED_COLOR) {
                    bitmap.setPixel(x, y, Color.argb((int)(a * 0.5), r, g, b));
                } else if (color == TAB_UNDERLINE_HIGHLIGHT_COLOR) {
                    bitmap.setPixel(x, y, Color.argb((int)(a * 0.9), r, g, b));
                } else if (color == TAB_UNDERLINE_COLOR) {
                    bitmap.setPixel(x, y, tintColor);
                }
            }
        }
        return new NinePatchDrawable(resources, bitmap, bitmap.getNinePatchChunk(), new Rect(), null);
    }

}

Пример использования:

/**
 * Theme the tab widget with the defined background color and title color set
 * in the TabManager
 * @param tabWidget
 */
@SuppressWarnings("deprecation")
@SuppressLint("NewApi")
public void theme(TabWidget tabWidget) {
    ColorDrawable backgroundDrawable = new ColorDrawable(backgroundColor);
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
        tabWidget.setBackground(backgroundDrawable);
        tabWidget.setAlpha(0.95f);
    } else {
        backgroundDrawable.setAlpha(242);
        tabWidget.setBackgroundDrawable(backgroundDrawable);
    }
    NinePatchDrawableUtility ninePatchUtility = new NinePatchDrawableUtility(resources);
    for (int i = 0; i < tabWidget.getChildCount(); i++) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
            tabWidget.getChildAt(i).setBackground(ninePatchUtility.getTabStateListDrawable(titleColor));
        } else {
            tabWidget.getChildAt(i).setBackgroundDrawable(ninePatchUtility.getTabStateListDrawable(titleColor));
        }
        View tabView = tabWidget.getChildTabViewAt(i);
        tabView.setPadding(0, 0, 0, 0);
        TextView tv = (TextView) tabView.findViewById(Android.R.id.title);
        tv.setSingleLine(); // set the texts on the tabs to be single line
        tv.setTextColor(titleColor);
    }
}
2
user3474507

Получил решение для изменения цвета подсветки вкладок после 1 долгого дня поиска. Всего 2 строки кода делают эту работу идеальной!

Перейдите в values ​​/ styles.xml и добавьте приведенный ниже код в тему ActionBar.

<item name="colorAccent">@color/Tab_Highlighter</item>

Теперь дайте цвет для Tab_Highlighter в colors.xml

<color name="Tab_Highlighter">#ffffff</color>
1
Arun

попробуйте следующее.

напишите tabs_selector_green.xml в res/drawable.

    <!-- Non focused states -->
<item Android:drawable="@Android:color/transparent" Android:state_focused="false" Android:state_pressed="false" Android:state_selected="false"/>
<item Android:drawable="@drawable/layer_bg_selected_tabs_green" Android:state_focused="false" Android:state_pressed="false" Android:state_selected="true"/>

<!-- Focused states -->
<item Android:drawable="@Android:color/transparent" Android:state_focused="true" Android:state_pressed="false" Android:state_selected="false"/>
<item Android:drawable="@drawable/layer_bg_selected_tabs_green" Android:state_focused="true" Android:state_pressed="false" Android:state_selected="true"/>

<!-- Pressed -->
<!-- Non focused states -->
<item Android:drawable="@Android:color/transparent" Android:state_focused="false" Android:state_pressed="true" Android:state_selected="false"/>
<item Android:drawable="@drawable/layer_bg_selected_tabs_green" Android:state_focused="false" Android:state_pressed="true" Android:state_selected="true"/>

<!-- Focused states -->
<item Android:drawable="@Android:color/transparent" Android:state_focused="true" Android:state_pressed="true" Android:state_selected="false"/>
<item Android:drawable="@drawable/layer_bg_selected_tabs_green" Android:state_focused="true" Android:state_pressed="true" Android:state_selected="true"/>

запись layer_bg_selected_tabs_green.xml в папку res/drawable.

<item>
    <shape Android:shape="rectangle" >
        <solid Android:color="@color/tab_green" />

        <padding Android:bottom="5dp" />
    </shape>
</item>
<item>
    <shape Android:shape="rectangle" >
        <solid Android:color="#FFFFFF" />
    </shape>
</item>

и в коде Java напишите это.

private static final int[] TABS_BACKGROUND = {
        R.drawable.tabs_selector_orange, R.drawable.tabs_selector_green,
        R.drawable.tabs_selector_red, R.drawable.tabs_selector_blue,
        R.drawable.tabs_selector_yellow };
/*
BLA BLA BLA
*/
@Override
public void onTabSelected(Tab tab, FragmentTransaction ft) {
    // TODO Auto-generated method stub
    RelativeLayout tabLayout = (RelativeLayout) tab.getCustomView();
    tabLayout.setBackgroundResource(TABS_BACKGROUND[tab.getPosition()]);
    tab.setCustomView(tabLayout);
/* ... */
}
0
Ganpat Kaliya