Android 垂直Tab
Android 垂直Tab
yolinfeng 发表于2年前
Android 垂直Tab
  • 发表于 2年前
  • 阅读 12
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

项目中要用到VerticalTab,查阅资料得以解决,记录下。

首先要继承TabWidget然后再xml引用自定义TabWidget。

xml文件:

<UIVerticalTabWidget
			android:id="@android:id/tabs"
			android:layout_width="wrap_content"
			android:layout_height="fill_parent"
			android:gravity="top|right"
			android:paddingTop="5dp"
			android:background="@drawable/tabwidget_repeat_bg"/>

			<FrameLayout
				android:id="@android:id/tabcontent"
				android:layout_width="fill_parent"
				android:layout_height="fill_parent"
				android:background="@android:color/transparent"
				>

				<FrameLayout
					android:id="@+id/tab_1"
					android:layout_width="fill_parent"
					android:layout_height="fill_parent"
					android:background="@android:color/transparent"/>

				<FrameLayout
					android:id="@+id/tab_2"
					android:layout_width="fill_parent"
					android:layout_height="fill_parent" 
					android:background="@android:color/transparent"/>
				
				<FrameLayout
					android:id="@+id/tab_3"
					android:layout_width="fill_parent"
					android:layout_height="fill_parent" 
					android:background="@android:color/transparent"/>
				
				<FrameLayout
					android:id="@+id/tab_4"
					android:layout_width="fill_parent"
					android:layout_height="fill_parent" 
					android:background="@android:color/transparent"/>
			</FrameLayout>


VerticalTab代码:

public class UIVerticalTabWidget extends TabWidget {

	public UIVerticalTabWidget(Context context, AttributeSet attrs) {
		super(context, attrs);

		setOrientation(LinearLayout.VERTICAL);
	}

	@Override
	public void addView(View child) {
		ViewGroup.LayoutParams lp = new LayoutParams(
				LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
		child.setLayoutParams(lp);
		
		super.addView(child);
	}
}



最后使用代码:

View view = getLayoutInflater().inflate(R.layout.setting_tab, null);
		tabSpec = mTabHost.newTabSpec("1");
		tabSpec.setIndicator(view);
		tabSpec.setContent(R.id.tab_1);
		mTabHost.addTab(tabSpec);

setting_tab.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/tab_selector"
    android:gravity="center"
    >

    <TextView
        android:id="@+id/setting_tab_title"
        android:layout_width="20dp"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:text="常规设置" 
        android:textColor="#FFFFFF"
        android:layout_marginTop="3dp"
        android:layout_marginBottom="5dp"/>

</LinearLayout>

效果如下图:



共有 人打赏支持
粉丝 12
博文 198
码字总数 9918
×
yolinfeng
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: