我有一个带有 4 个选项卡的应用程序。默认情况下,每个选项卡宽度是屏幕宽度的 1/4。我怎样才能覆盖这个?
我需要每个标签具有不同的宽度。关于如何做到这一点的任何想法?
我有一个带有 4 个选项卡的应用程序。默认情况下,每个选项卡宽度是屏幕宽度的 1/4。我怎样才能覆盖这个?
我需要每个标签具有不同的宽度。关于如何做到这一点的任何想法?
尝试这个:
tabHost.getTabWidget().getChildAt(0).getLayoutParams().height = 35;
最后,我设法使用 ToggleButton 拥有不同大小的选项卡。
我的 XML 是这样的
<LinearLayout
android:id="@+id/tabs"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_below="@id/header"
>
<ToggleButton
android:id="@+id/tab1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableRight="@drawable/icon_home"
android:textOn=""
android:textOff=""
android:background="@drawable/tabselector"
android:paddingLeft="15dip"
android:paddingRight="15dip"
android:layout_weight="0"
/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/top_menubar_separator" />
<ToggleButton
android:id="@+id/tab2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableRight="@drawable/icon_store"
android:textOn="Store"
android:textOff="Store"
android:background="@drawable/tabselector"
android:paddingLeft="15dip"
android:paddingRight="15dip"
android:layout_weight="2"
/>
每个 ToggleButton 都是一个选项卡。这里的技巧是使用权重来扩展选项卡以完全填满屏幕。
teab_selector.xml 看起来像这样
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/top_menubar_selected"
android:state_pressed="true"
/>
<item android:drawable="@drawable/top_menubar_selected"
android:state_checked="true"
/>
<item android:drawable="@drawable/top_menubar_1px" />
</selector>
我仍然需要编写逻辑,以便在选择新按钮并启动带有 ta 活动的意图时取消按下按钮,但到目前为止看起来不错。
尝试这个:
<TabWidget android:layout_width="wrap_content" ... />
对于仍在使用 FragmentTabHost 和 TabWidget 的人,可以在设置文本之前使用选项卡指示器视图PreDrawListener
上的a 来让选项卡换行到文本而不使用单词内中断策略。ViewTreeObserver
像这样的东西
final View newTabView = LayoutInflater.from(this).inflate(R.layout.tab_view, null);
mTabHost.addTab(mTabHost.newTabSpec(index + "").setIndicator(newTabView),
YourClassArgument.class, null);
final TextView titleTextView = newTabView.findViewById(R.id.tabTextView);
titleTextView.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
@Override
public boolean onPreDraw() {
titleTextView.getViewTreeObserver().removeOnPreDrawListener(this);
LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) newTabView.getLayoutParams();
layoutParams.width = (int) Math.ceil(titleTextView.getLayout().getLineWidth(0))
+ newTabView.getPaddingLeft() + newTabView.getPaddingRight();
newTabView.setLayoutParams(layoutParams);
return false;
}
});
titleTextView.setText(tabTitle);