Могу ли я использовать стиль вкладок по умолчанию в своем пользовательском представлении вкладки?

Ответ 1

Этот код взят из источников android tab_indicator.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="0dip"
    android:layout_height="64dip"
    android:layout_weight="1"
    android:layout_marginLeft="-3dip"
    android:layout_marginRight="-3dip"
    android:orientation="vertical"
    android:background="@android:drawable/tab_indicator">

    <ImageView android:id="@+id/icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
    />

    <TextView android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        style="?android:attr/tabWidgetStyle"
    />

</RelativeLayout>

Вы можете просто взять этот код, удалить ImageView, изменить layout_centerHorizontal в TextView на layout_center, уменьшить высоту RelativeLayout и предоставить это представление в TabHost.TabSpec.setIndicator(View view). Имеются ссылки только на ресурсы @android, поэтому вам не нужно создавать рисунки или стили текста.

ИЗМЕНИТЬ

Стандартный экран для вывода указателя вкладки для Android не отображается в приложении, но можно сделать это следующим образом:

TabSpec tc = getTabHost().newTabSpec("tag");
tc.setIndicator("indicator1");
tc.setContent(content);
getTabHost().addTab(tc);
getTabHost().findViewById(android.R.id.icon).setVisibility(View.GONE);
TextView tv = (TextView) getTabHost().findViewById(android.R.id.title);
RelativeLayout.LayoutParams rllp = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
rllp.addRule(RelativeLayout.CENTER_IN_PARENT);
tv.setLayoutParams(rllp);

Затем можно уменьшить высоту вкладок:

RelativeLayout parent = ((RelativeLayout) tv.getParent());
ViewGroup.LayoutParams vglp = parent.getLayoutParams();
vglp.height = android.view.ViewGroup.LayoutParams.WRAP_CONTENT;
parent.setLayoutParams(vglp);

Результат будет:

Ответ 2

Я думаю, что лучшим вариантом было бы настроить аспект Tabs с помощью xml файлов, называемых селекторами (которые вы поместите в свою "выталкиваемую" папку), пользовательский tab_indicator.xml в вашей папке "layout", стиль для текста и тему, использующую такой стиль.

Это tab_indicator_selector.xml, который находится в папке "drawable" и требуется tab_indicator.xml:

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

И это селектор состояний tab_pressed.xml:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="53dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/white" />
        </shape>
    </item>
    <item android:top="53dp" android:bottom="1dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/white" />
        </shape>
    </item>
    <item android:left="2dp" android:right="2dp"> 
        <shape android:shape="rectangle">
            <gradient android:angle="90" 
                android:startColor="@color/black"
                android:endColor="@color/white" />
            <stroke android:width="2dp" android:color="@color/red" />
        </shape>
    </item>
</layer-list>

Другие состояния могут быть достигнуты путем создания tab_focused.xml, tab_selected.xml и tab_unseleceted.xml и установки правильных комбинаций android: state_XXX.

Вкладка 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="52dip" <!-- Control the height of the Tab here! -->
    android:layout_weight="1"
    android:orientation="vertical"
    android:background="@drawable/tab_indicator_selector" 
    android:layout_marginTop="2dp"
    android:padding="2dp">

   <!-- Generally here goes an ImageView, but you said you don't want it. -->

    <TextView android:id="@+id/tab_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:textSize="11dp" 
        android:textStyle="bold" 
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        style="?android:attr/tabWidgetStyle"
    />    
</RelativeLayout>

На стороне реализации должно выглядеть следующее:

private void setTabs(){
    tabHost = getTabHost();
    addTab(R.string.tab_title_something, R.drawable.tab_something_selector, new Intent().setClass(this, PlacesNearbyTab.class));
}

private void addTab(int labelId, int drawableId, Intent intent) {
    TabHost.TabSpec spec = tabHost.newTabSpec("tab" + labelId);
    View tabIndicator = LayoutInflater.from(this).inflate(R.layout.tab_indicator, getTabWidget(), false);
    TextView title = (TextView) tabIndicator.findViewById(R.id.tab_title);
    title.setText(labelId);
    spec.setIndicator(tabIndicator);
    spec.setContent(intent);
    tabHost.addTab(spec);

}

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

Наконец, я предлагаю вам ознакомиться с новой версией SDK версии 14 и темы Holo. Вкладки на Holo предназначены для планшетов и телефонов, и вы можете создавать их и без значков.

Ответ 3

Я не уверен, будет ли это центрировать текст, но вы можете изменить высоту вкладки, не меняя фоновый фоновый рисунок Android.

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

TabHost tabs = //initialize your TabHost here
tabs.setup();
TabSpec tspec1 = tabs.newTabSpec("First Tab");
tspec1.setIndicator("Actions");
tabs.addTab(tspec1);


tabs.getTabWidget.getChildAt(0).getLayoutParams().height = (int) (35 * 1.5);

Где 35 - высота в пикселях, а умножение на 1,5 делает высоту 35dp.

Удачи.

Ответ 4

Вы можете попробовать следующий образец кода, который берется из default tab_indicator.xml и делает небольшую модификацию, соответствующую описанному вами запросу. Спасибо!

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="0dip"
android:layout_height="64dip"
android:layout_weight="1"
android:layout_marginLeft="-3dip"
android:layout_marginRight="-3dip"
android:gravity="center"
android:background="@android:drawable/tab_indicator">

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        style="?android:attr/tabWidgetStyle">
    </TextView>

</LinearLayout>

Ответ 5

Вы можете найти файлы цвета res для каждой платформы под /path -to-android-sdk/platform/, и вы можете использовать @android: style/или @android: color/для доступа к ресурсам по умолчанию из XMLs...

Но, как вы уже упоминали, вы знаете, что цвета и стили TabWidgets и других Android UI Views меняются от версии к версии и между брендами устройств.

Даже если вы можете делать то, что хотите, ваши вкладки будут отличаться от версий и брендов устройств... что не является обычным.

Я бы реализовал свои собственные стили Tab с одним из данных решений. Удачи вам!