设置选中的标签与它下面的一个小三角形 [英] Setting selected TAB with a small triangle below it

问题描述

我希望我的标签显示像下面it.Is这可能小三角的形象吗？如果是的话，帮我约codeS或文档。

I want my tabs to show like in the image with small triangle below it.Is this possible ?If yes, then help me with some codes or documentation.

推荐答案

我想，下面的方法是最简单的一种。你只需要设置下面的绘制（实际上，这是Android的默认绘制的标签）作为标签的背景：

I think, the following approach is the simplest one. You just need to setup the following drawable (actually, it's Android's default drawable for tabs) as a background of the tabs:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Non focused states -->
    <item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/tab_unselected" />
    <item android:state_focused="false" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/tab_selected" />
    <!-- Focused states -->
    <item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/tab_focus" />
    <item android:state_focused="true" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/tab_focus" />
    <!-- Pressed -->
    <item android:state_pressed="true" android:drawable="@drawable/tab_press" />
</selector>

其中， tab_ preSS ， tab_focus 和 tab_selected 可绘制将PNG的（我preFER的 9补丁）与向下箭头，透明区域靠近。 tab_unselected 绘制不会有这种箭，不过还是有相同的透明区域。剩下要做的唯一事情是指定负下边距为你的 TabWidget 。它的值由箭头的高度确定（不要忘了使用的密度独立单位）：

where tab_press, tab_focus and tab_selected drawables would be png's (I'd prefer 9-patches) with down-arrow and transparent region near it. tab_unselected drawable wouldn't have this arrow, but still would have same transparent region. The only thing left to do is to specify negative bottom margin for your TabWidget. Its value is determined by the height of the arrow (do not forget to use density independent units):

这篇关于设置选中的标签与它下面的一个小三角形的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！