как получить эту вкладку

Question

как получить следующий дизайн вкладки

Когда выбрана вкладка, кнопка кривой должна быть видна на конкретной вкладке, а другая должна быть общей.

Я подумал о добавлении фиксированного цвета фона в красный цвет, и я должен разместить кнопки изображения с кривой и без кривой. Но я хочу знать, будет ли это исправлено для всех устройств Android, потому что Wat будет высота и ширина кнопки? как установить вкладку фиксированной высоты и ширины ....

Answer 1

Я нашел простым способом, следующим образом

Чтобы получить красную линию внизу вкладки, я добавил view под вкладку следующим образом

<TabHost
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <LinearLayout
        android:layout_width="fill_parent"
        android:id="@+id/linearLayout1"
        android:layout_height="fill_parent"
        android:orientation="vertical">

        <TabWidget
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:id="@android:id/tabs"
            android:layout_alignParentBottom="true"
            android:layout_weight="0">
        </TabWidget>

        <View android:layout_width="fill_parent" android:layout_height="4dip"   android:background="#ff0000" />

        <FrameLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@android:id/tabcontent"
            android:layout_weight="1">
        </FrameLayout>

    </LinearLayout>
</TabHost>

Тогда мойКласс tabbar выглядит следующим образом:

public class CustomTabActivity extends TabActivity 
{
    @Override
    public void onCreate(Bundle savedInstanceState) 
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.tabbar);

        addTab1(FirstTab.class);
        addTab2(SecondTab.class);
        addTab3(FirstTab.class);
        addTab4(SecondTab.class);
    }

    private void addTab1( Class<?> c)
    {
        TabHost tabHost = getTabHost();
        Intent intent = new Intent(this, c);
        TabHost.TabSpec spec = tabHost.newTabSpec("tab");   

        View tabIndicator = LayoutInflater.from(this).inflate(R.layout.tab_indicator1, getTabWidget(), false);
        ImageView icon = (ImageView) tabIndicator.findViewById(R.id.icon1);

        spec.setIndicator(tabIndicator);
        spec.setContent(intent);
        tabHost.addTab(spec);
    }
}

Мой макет tab_indicator выглядит следующим образом:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="0dip"
    android:layout_height="55dip"    
    android:layout_weight="1"
    android:orientation="vertical"
    android:padding="5dp">

    <ImageView android:id="@+id/icon1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:background="@drawable/tab1">    
    </ImageView> 
</RelativeLayout>

tab1 в отрисовываемом файле представляет собой XML-файл Selector следующим образом

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >  
    <item android:state_focused="false" android:state_selected="false"
        android:state_pressed="false" android:drawable="@drawable/home" />
    <item android:state_focused="false" android:state_selected="true"
        android:state_pressed="false" android:drawable="@drawable/home_select_btn" />

</selector>

Здесь я добавил выбранное изображение с изгибом и невыбранное изображение без изгиба, которое я хочу показать.

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

Answer 2

Может быть этот пример будет вам полезен.Это та же навигация, что и в приложении Google+.