`
龙哥IT
  • 浏览: 264597 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
文章分类
社区版块
存档分类
最新评论

自定义menu替代TabHost中的TabWidget

 
阅读更多

布局xml

<?xml version="1.0" encoding="UTF-8"?>
<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:orientation="vertical"
		android:layout_width="fill_parent" android:layout_height="fill_parent">
		<FrameLayout android:id="@android:id/tabcontent"
			android:layout_width="fill_parent" android:layout_height="0.0dip"
			android:layout_weight="1.0" />
		<TabWidget android:id="@android:id/tabs" android:visibility="gone"
			android:layout_width="fill_parent" android:layout_height="wrap_content"
			android:layout_weight="0.0" />

		<LinearLayout android:id="@+id/all" android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:gravity="bottom" 
			android:background="@drawable/down_title">


			<LinearLayout android:id="@+id/linear_score"
				android:layout_width="wrap_content" android:layout_height="wrap_content"
				android:orientation="vertical" android:layout_weight="1">
				<RelativeLayout android:layout_width="wrap_content"
					android:layout_height="wrap_content" android:orientation="vertical"
					android:layout_weight="1" android:layout_gravity="center_vertical">
					<ImageView android:id="@+id/back_score"
						android:layout_width="wrap_content" android:layout_height="wrap_content"
						android:src="@drawable/bottom_backs" android:visibility="invisible" />
					<LinearLayout android:layout_width="wrap_content"
						android:layout_centerVertical="true" android:layout_height="wrap_content"
						android:orientation="vertical" android:paddingLeft="17dip">
						<ImageView android:id="@+id/image_score"
							android:layout_width="wrap_content" android:layout_height="wrap_content"
							android:src="@drawable/image_score" android:layout_weight="1"
							android:layout_gravity="center_horizontal" />
						<TextView android:layout_width="wrap_content"
							android:layout_gravity="center_horizontal" android:layout_height="wrap_content"
							android:text="比分" android:layout_weight="1" 
							style="@style/bottom_title"/>
					</LinearLayout>
				</RelativeLayout>
			</LinearLayout>


			<LinearLayout android:id="@+id/linear_attention"
				android:layout_width="wrap_content" android:layout_height="wrap_content"
				android:orientation="vertical" android:layout_weight="1">
				<RelativeLayout android:layout_width="wrap_content"
					android:layout_height="wrap_content" android:orientation="vertical"
					android:layout_weight="1">
					<ImageView android:id="@+id/back_attention"
						android:layout_width="wrap_content" android:layout_height="wrap_content"
						android:src="@drawable/bottom_backs" android:visibility="invisible" />
					<LinearLayout android:layout_width="wrap_content"
						android:layout_centerVertical="true" android:layout_height="wrap_content"
						android:orientation="vertical" android:layout_weight="1"
						android:paddingLeft="17dip">
						<ImageView android:id="@+id/image_attention"
							android:layout_width="wrap_content" android:layout_height="wrap_content"
							android:src="@drawable/image_attention" android:layout_weight="1"
							android:layout_gravity="center" />
						<TextView android:layout_width="wrap_content"
							android:layout_height="wrap_content" android:text="关注"
							android:layout_weight="1" android:layout_gravity="center"
							style="@style/bottom_title" />
					</LinearLayout>
				</RelativeLayout>
			</LinearLayout>


			<LinearLayout android:id="@+id/linear_odds"
				android:layout_width="wrap_content" android:layout_height="wrap_content"
				android:orientation="vertical" android:layout_weight="1">
				<RelativeLayout android:layout_width="wrap_content"
					android:layout_height="wrap_content" android:orientation="vertical"
					android:layout_weight="1">
					<ImageView android:id="@+id/back_odds"
						android:layout_width="wrap_content" android:layout_height="wrap_content"
						android:src="@drawable/bottom_backs" android:visibility="invisible" />
					<LinearLayout android:layout_width="wrap_content"
						android:layout_centerVertical="true" android:layout_height="wrap_content"
						android:orientation="vertical" android:layout_weight="1"
						android:paddingLeft="10dip">
						<ImageView android:id="@+id/image_odds"
							android:layout_width="wrap_content" android:layout_height="wrap_content"
							android:src="@drawable/image_odds" android:layout_weight="1"
							android:layout_gravity="center" />
						<TextView android:layout_width="wrap_content"
							android:layout_height="wrap_content" android:text="聊天室"
							android:layout_weight="1" android:layout_gravity="center" 
							style="@style/bottom_title"/>
					</LinearLayout>
				</RelativeLayout>
			</LinearLayout>


			<LinearLayout android:id="@+id/linear_choiseleague"
				android:layout_width="wrap_content" android:layout_height="wrap_content"
				android:orientation="vertical" android:layout_weight="1">
				<RelativeLayout android:layout_width="wrap_content"
					android:layout_height="wrap_content" android:orientation="vertical"
					android:layout_weight="1">
					<ImageView android:id="@+id/back_choiseleague"
						android:layout_width="wrap_content" android:layout_height="wrap_content"
						android:src="@drawable/bottom_backs" android:visibility="invisible" />
					<LinearLayout android:layout_width="wrap_content"
						android:layout_centerVertical="true" android:layout_height="wrap_content"
						android:orientation="vertical" android:layout_weight="1"
						android:gravity="center_horizontal" android:paddingLeft="17dip">
						<ImageView android:id="@+id/image_choiseleague"
							android:layout_width="wrap_content" android:layout_height="wrap_content"
							android:src="@drawable/image_choiseleague" android:layout_weight="1" />
						<TextView android:layout_width="wrap_content"
							android:layout_height="wrap_content" android:text="论坛"
							android:layout_weight="1" android:layout_gravity="center" 
							style="@style/bottom_title"/>

					</LinearLayout>
				</RelativeLayout>
			</LinearLayout>


			<LinearLayout android:id="@+id/linear_more"
				android:layout_width="wrap_content" android:layout_height="wrap_content"
				android:orientation="vertical" android:layout_weight="1">
				<RelativeLayout android:layout_width="wrap_content"
					android:layout_height="wrap_content" android:orientation="vertical"
					android:layout_weight="1">
					<ImageView android:id="@+id/back_more"
						android:layout_width="wrap_content" android:layout_height="wrap_content"
						android:src="@drawable/bottom_backs" android:visibility="invisible" />
					<LinearLayout android:layout_width="wrap_content"
						android:layout_centerVertical="true" android:layout_height="wrap_content"
						android:orientation="vertical" android:layout_weight="1"
						android:gravity="center" android:paddingLeft="17dip">
						<ImageView android:id="@+id/image_more"
							android:layout_width="wrap_content" android:layout_height="wrap_content"
							android:src="@drawable/image_more" android:layout_weight="1"
							android:layout_gravity="center" />
						<TextView android:layout_width="wrap_content"
							android:layout_height="wrap_content" android:text="更多"
							android:layout_weight="1" android:layout_gravity="center"
							style="@style/bottom_title" />
					</LinearLayout>
				</RelativeLayout>
			</LinearLayout>
		</LinearLayout>
	</LinearLayout>
</TabHost>

 

 

 

首先，类要继承TabActivity类和实现onclick方法

MainActivity extends TabActivity implements OnClickListener

 添加选项卡

// 实例化TabHost
TabHost mHost = this.getTabHost();

// 添加选项卡
		mHost.addTab(mHost.newTabSpec("ONE").setIndicator("ONE").setContent(
				new Intent(this, ScoreActivity.class)));
		mHost.addTab(mHost.newTabSpec("TWO").setIndicator("TWO").setContent(
				new Intent(this, FollowActivity.class)));
		mHost.addTab(mHost.newTabSpec("THREE").setIndicator("THREE")
				.setContent(new Intent(this, ChatRoomActivity.class)));
		mHost.addTab(mHost.newTabSpec("FOUR").setIndicator("FOUR").setContent(
				new Intent(this, ForumActivity.class)));
		mHost.addTab(mHost.newTabSpec("FIVE").setIndicator("FIVE").setContent(
				new Intent(this, MoreMenuActivity.class)));

 

然后操作每个选项卡点击事件

		linear_score.setOnClickListener(this);
		linear_attention.setOnClickListener(this);
		linear_odds.setOnClickListener(this);
		linear_choiseleague.setOnClickListener(this);
		linear_more.setOnClickListener(this);

 

public void onClick(View view) {
		switch (view.getId()) {
		case R.id.linear_score:
			mHost.setCurrentTabByTag("ONE");
						break;
		case R.id.linear_attention:
			mHost.setCurrentTabByTag("TWO");
						break;
		case R.id.linear_odds:
			mHost.setCurrentTabByTag("THREE");
						break;
		case R.id.linear_choiseleague:
			mHost.setCurrentTabByTag("FOUR");
						break;
		case R.id.linear_more:
			mHost.setCurrentTabByTag("FIVE");
						break;
		}
	}

 然后进行每个选项卡所对应的类操作就OK了

  • 大小: 6.5 KB
分享到：
| android往文件中保存和读取数据
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    底部TabHost实现多个Activity切换

    3. 自定义TabHost样式：为了实现底部的TabHost，我们可以使用自定义的BottomNavigationView替换默认的TabWidget。BottomNavigationView是Android Material Design组件库中的一个控件，可以方便地创建底部导航栏。在...

    3-9(Tab-Tabbed-menu).zip_Tabú

    4. **ActionBar或ToolBar**：在某些情况下，开发者可能会选择使用Android的ActionBar或自定义的ToolBar来替代TabHost实现Tab效果。这提供了一种更现代、更灵活的界面设计方式。在Android Studio中，可以使用...

    android底部菜单栏实现原理与代码

    在这个布局中，我们使用LinearLayout作为容器，包含一个FrameLayout来承载内容，以及一个隐藏的TabWidget（因为我们将使用RadioButton来替代）。每个RadioButton代表一个菜单项，它们会被放置在一个RadioGroup中，并...

    Android仿微信底部菜单栏功能显示未读消息数量

    在这个例子中，为了实现类似微信的未读消息功能，我们没有使用`TabWidget`，而是用`RadioGroup`替代，因为`RadioGroup`可以更好地自定义样式并展示未读消息计数。 以下是具体步骤： 1. **布局设计**：在`layout`...

Magicbox
Global site tag (gtag.js) - Google Analytics