android实现标签页

83 阅读 0 评论 55 点赞

我是靠谱客的博主甜美向日葵，这篇文章主要介绍android实现标签页，现在分享给大家，希望可以做个参考。

Android自适应屏幕大小和layout布局 .

在我们的android手机中，经常会看到标签页的效果，那么，如下代码轻松实现该效果：

首先准备几张小图片放入drawable文件夹中。

1.main.xml布局文件代码如下：

<?xml version="1.0" encoding="utf-8"?>

<TabHost xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:id="@android:id/tabhost">

<LinearLayout

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<TabWidget

android:id="@android:id/tabs"

android:layout_width="fill_parent"

android:layout_height="wrap_content"></TabWidget>

<FrameLayout

android:id="@android:id/tabcontent"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<TextView

android:id="@+id/txt1"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:text="this is a tab1."/>

<TextView

android:id="@+id/txt2"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:text="this is a tab2."/>

<TextView

android:id="@+id/txt3"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:text="this is a tab3."/>

</FrameLayout>

</LinearLayout>

</TabHost>

2.TabWidgetActivity中代码：

package com.android.TabWidget;

import android.app.AlertDialog;

import android.app.Dialog;

import android.app.TabActivity;

import android.content.DialogInterface;

import android.graphics.Color;

import android.os.Bundle;

import android.widget.TabHost;

import android.widget.TabHost.OnTabChangeListener;

public class TabWidgetActivity extends TabActivity {

TabHost tabHost;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

//取得tabhost对象

tabHost=getTabHost();

tabHost.addTab(tabHost.newTabSpec("tab_test1").setIndicator("Tab1",getResources()

.getDrawable(R.drawable.img1)).setContent(R.id.txt1)

);

tabHost.addTab(tabHost.newTabSpec("tab_test2").setIndicator("Tab2",getResources()

.getDrawable(R.drawable.img2)).setContent(R.id.txt2)

);

tabHost.addTab(tabHost.newTabSpec("tab_test3").setIndicator("Tab3",getResources()

.getDrawable(R.drawable.img3)).setContent(R.id.txt3)

);

//设置背景颜色

tabHost.setBackgroundColor(Color.argb(150, 22, 70, 150));

//设置背景图片资源

//tabHost.setBackgroundResource(R.drawable.bg0);

//设置显示当前标签(设置第一个)

tabHost.setCurrentTab(0);

//调用线程

tabHost.setOnTabChangedListener(new tabhosts());

}

class tabhosts implements OnTabChangeListener{

public void onTabChanged(String tabId) {

// TODO Auto-generated method stub

Dialog dialog=new AlertDialog.Builder(TabWidgetActivity.this)

.setTitle("提示")

.setMessage("当前选中："+tabId+"标签")

.setPositiveButton("确定", new DialogInterface.OnClickListener() {

public void onClick(DialogInterface dialog, int which) {

// TODO Auto-generated method stub

dialog.cancel();

}

}).create();//创建按钮

dialog.show();

}

}

}

3.运行效果图如下：

android实现标签页

android实现标签页

最后

以上就是甜美向日葵最近收集整理的关于android实现标签页的全部内容，更多相关android实现标签页内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

点赞(55)

本文分类：Android
浏览次数：83 次浏览
发布日期：2023-09-28 16:50:14
本文链接：https://www.kaopuke.com/article/k-p-k_14_uzocf4_13__7__22_y.html

相关文章

android edittext标签,TagEditText，类似微博标签的文本控件

android edittext标签,TagEditText，类似微博标签的文本控件

安卓Day15：常用标签一.基本知识点二.实训案列

安卓Day15：常用标签一.基本知识点二.实训案列

Android 标签 (FlexboxLayout实现标签)

Android 标签 (FlexboxLayout实现标签)

Android一个标签页的实现

Android一个标签页的实现

android实现标签页

android 仿微信demo————微信通讯录界面功能实现（移动端，服务端）源码获取点我,记得给个start哦移动端微信通讯录界面功能实现服务端微信通讯录界面功能实现测试

android 仿微信demo————微信通讯录界面功能实现（移动端，服务端）源码获取点我,记得给个start哦移动端微信通讯录界面功能实现服务端微信通讯录界面功能实现测试

安卓常用控件---标签

你都知道么？Android中21种drawable标签大全前言shapeselectorrotatebitmapnine-patchcolorinsetclipscalelevel-listlayer-list属性transitionanimation-listanimation-rotate以下是android5.0新增标签vectoranimated-vectorripple

你都知道么？Android中21种drawable标签大全前言shapeselectorrotatebitmapnine-patchcolorinsetclipscalelevel-listlayer-list属性transitionanimation-listanimation-rotate以下是android5.0新增标签vectoranimated-vectorripple

评论列表共有 0 条评论

发表评论取消回复

立即
投稿返回
顶部