码迷，mamicode.com
首页 > 移动开发 > 详细

安卓---Tabhost实现页面局部刷新

时间：2016-05-12 10:41:03      阅读：335      评论：0      收藏：0      [点我收藏+]

标签：

TabHost的实现分为两种，一个是不继承TabActivity，一个是继承自TabActivity；当然了选用继承自TabActivity的话就相对容易一些，下面来看看分别是怎样来实现的吧。

我只写继承TabActivity，文章末尾会给一个比较牛逼的链接，本人也是照着他的做的

首先准备几个跳转的页面,布局文件里面的东西大家自己添加，没必要按照我的布局来，

main2.xml

技术分享 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/tv_dzmc"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="15dip"
        android:text="电站名称"
        android:textSize="28sp" />

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:layout_marginLeft="20dip"
        android:layout_marginRight="20dip"
        android:layout_marginTop="20dip"
        android:stretchColumns="*" >

        <TableRow
            android:id="@+id/tableRow_zjrl"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/tv_mc1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="装机容量"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/tv_zjrl"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="0"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/tv_dw1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="kW"
                android:textSize="20sp" />
        </TableRow>

        <View
            android:layout_width="fill_parent"
            android:layout_height="1px"
            android:layout_marginLeft="10dip"
            android:layout_marginRight="10dip"
            android:background="#dddddd" />

        <TableRow
            android:id="@+id/tableRow_gl"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dip" >

            <TextView
                android:id="@+id/tv_mc2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="功率"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/tv_gl"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="0"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/tv_dw"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="kW"
                android:textSize="20sp" />
        </TableRow>

        <View
            android:layout_width="fill_parent"
            android:layout_height="1px"
            android:layout_marginLeft="10dip"
            android:layout_marginRight="10dip"
            android:background="#dddddd" />

        <TableRow
            android:id="@+id/tableRow_dwfdl"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dip" >

            <TextView
                android:id="@+id/tv_mc3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="名称"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/tv_dwfdl"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="0"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/tv_dw3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="kwh/kw"
                android:textSize="20sp" />
        </TableRow>

        <View
            android:layout_width="fill_parent"
            android:layout_height="1px"
            android:layout_marginLeft="10dip"
            android:layout_marginRight="10dip"
            android:background="#dddddd" />

        <TableRow
            android:id="@+id/tableRow_jrfdl"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dip" >

            <TextView
                android:id="@+id/tv_mc4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="今日发电量"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/tv_jrfdl"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="0"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/tv_dw4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="kWh"
                android:textSize="20sp" />
        </TableRow>

        <View
            android:layout_width="fill_parent"
            android:layout_height="1px"
            android:layout_marginLeft="10dip"
            android:layout_marginRight="10dip"
            android:background="#dddddd" />

        <TableRow
            android:id="@+id/tableRow_jrsy"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dip" >

            <TextView
                android:id="@+id/tv_mc5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="今日收益"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/tv_jrsy"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="0"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/tv_dw5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="元"
                android:textSize="20sp" />
        </TableRow>

        <View
            android:layout_width="fill_parent"
            android:layout_height="1px"
            android:layout_marginLeft="10dip"
            android:layout_marginRight="10dip"
            android:background="#dddddd" />

        <TableRow
            android:id="@+id/tableRow_ljfdl"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dip" >

            <TextView
                android:id="@+id/tv_mc6"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="累计发电量"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/tv_ljfdl"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="0"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/tv_dw6"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="MWh"
                android:textSize="20sp" />
        </TableRow>

        <View
            android:layout_width="fill_parent"
            android:layout_height="1px"
            android:layout_marginLeft="10dip"
            android:layout_marginRight="10dip"
            android:background="#dddddd" />

        <TableRow
            android:id="@+id/tableRow_ljsy"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dip" >

            <TextView
                android:id="@+id/tv_mc7"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="累计收益"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/tv_ljsy"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="0"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/tv_dw7"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="万元"
                android:textSize="20sp" />
        </TableRow>

        <View
            android:layout_width="fill_parent"
            android:layout_height="1px"
            android:layout_marginLeft="10dip"
            android:layout_marginRight="10dip"
            android:background="#dddddd" />


    </TableLayout>

</LinearLayout>
View Code

dianzhangaikuang.java

技术分享 
package com.example.myfragment;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;

public class dianzhangaikuang extends Activity {
//    private TextView tv;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main2);
//        tv=(TextView) findViewById(R.id.text);
//        Button button=(Button) findViewById(R.id.button);
//        button.setText("改变");
//        button.setOnClickListener(new OnClickListener() {
//            
//            @Override
//            public void onClick(View arg0) {
//                // TODO Auto-generated method stub
//                tv.setText("TextView改变了");
//            }
//        });
        
        
        
    }
    
    
}
View Code

tianqi.xml

技术分享 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/tv_dzmc"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="15dip"
        android:text="电站名称"
        android:textSize="28sp" />

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dip"
        android:layout_marginRight="20dip"
        android:layout_marginTop="20dip"
        android:stretchColumns="*" >

        <TableRow
            android:id="@+id/tableRow_tq"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/tv_cs"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:text="城市" />

            <ImageView
                android:id="@+id/tv_tq"
                android:layout_width="50dip"
                android:layout_height="50dip"
                android:layout_column="2"
                android:layout_gravity="right"
                android:src="@drawable/yuan" />
        </TableRow>

        <TableRow
            android:id="@+id/tableRow_wd"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip" >

            <TextView
                android:id="@+id/tv_cs1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:text="温度" />

            <ImageView
                android:id="@+id/textView4"
                android:layout_width="50dip"
                android:layout_height="50dip"
                android:layout_gravity="center"
                android:src="@drawable/yuan" />

            <TextView
                android:id="@+id/tv_wd"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right|center_vertical"
                android:text="0" />
        </TableRow>

        <TableRow
            android:id="@+id/tableRow_fs"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip" >

            <TextView
                android:id="@+id/tv_cs2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:text="风速" />

            <ImageView
                android:id="@+id/textView4"
                android:layout_width="50dip"
                android:layout_height="50dip"
                android:layout_gravity="center"
                android:src="@drawable/yuan" />

            <TextView
                android:id="@+id/tv_fs"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right|center_vertical"
                android:text="0" />
        </TableRow>

        <TableRow
            android:id="@+id/tableRow_sd"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip" >

            <TextView
                android:id="@+id/tv_cs3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:text="湿度" />

            <ImageView
                android:id="@+id/textView4"
                android:layout_width="50dip"
                android:layout_height="50dip"
                android:layout_gravity="center"
                android:src="@drawable/yuan" />

            <TextView
                android:id="@+id/tv_sd"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right|center_vertical"
                android:text="0" />
        </TableRow>
    </TableLayout>

</LinearLayout>
View Code

tianqi.java

技术分享 
package com.example.myfragment;

import android.app.Activity;
import android.os.Bundle;

public class tianqi extends Activity{

    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.tianqi);
    }
}
View Code

fadianliang.java以及shebeixinxi.java大家就自己去完成吧！

准备工作完成后，下面开始写主页面

activity_main.xml

技术分享 
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"  
    android:id="@android:id/tabhost"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent" >  
  
    <LinearLayout  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"      
        android:background="@drawable/jbshape"  
        android:orientation="vertical" >  
  
        <FrameLayout  
            android:id="@android:id/tabcontent"  
            android:layout_width="fill_parent"  
            android:layout_height="0.0dip"
            android:layout_marginTop="0dip"
            android:layout_weight="1.0" />  
  
        <TabWidget  
            android:id="@android:id/tabs"  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content"  
            android:layout_weight="0.0"  
            android:visibility="gone" />  
  
        <FrameLayout  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content" >  
  
            <RadioGroup  
                android:id="@+id/main_tab_group"  
                android:layout_width="fill_parent"  
                android:layout_height="wrap_content"  
                android:layout_gravity="bottom"  
                android:background="@drawable/bottom1"  
                android:gravity="bottom"  
                android:orientation="horizontal"  
                 >  
  
                <RadioButton  
                    android:id="@+id/main_tab_gaikuang"  
                    style="@style/MMTabButton"  
                    android:layout_weight="1.0" 
                    android:checked="true"     
                    android:drawableTop="@drawable/bg_checkbox_icon_menu_0"  
                    android:text="概况" />  
  
                <RadioButton  
                    android:id="@+id/main_tab_tianqi"  
                    style="@style/MMTabButton"  
                    android:layout_weight="1.0"    
                    android:drawableTop="@drawable/bg_checkbox_icon_menu_1"  
                    android:text="天气" />  
  
                <RadioButton  
                    android:id="@+id/main_tab_fadianliang"  
                    style="@style/MMTabButton"  
                    android:layout_weight="1.0"  
                    android:drawableTop="@drawable/bg_checkbox_icon_menu_2"  
                    android:text="发电量" />  
  
                <RadioButton  
                    android:id="@+id/main_tab_nibianqi"  
                    style="@style/MMTabButton"  
                    android:layout_weight="1.0"     
                    android:drawableTop="@drawable/bg_checkbox_icon_menu_3"  
                    android:text="逆变器" />  
            </RadioGroup>  
  
            <TextView  
                android:id="@+id/main_tab_new_message"  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content"  
                android:layout_gravity="center_horizontal|top"  
                android:layout_marginLeft="60dip"  
                android:layout_marginTop="1dip"  
                android:background="@drawable/tips"  
                android:gravity="center"  
                android:text="1"  
                android:textColor="#ffffff"  
                android:textSize="10sp"  
                android:visibility="gone" />  
        </FrameLayout>  
    </LinearLayout>  
  
</TabHost>
View Code

zhuyemian.java

技术分享 
package com.example.myfragment;

import android.app.ActionBar;
import android.app.TabActivity;
import android.app.Activity;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.content.Intent;
import android.os.Bundle;
import android.view.MenuItem;
import android.view.View;
import android.widget.RadioGroup;
import android.widget.TabHost;
import android.widget.TextView;
import android.widget.Toast;
import android.widget.RadioGroup.OnCheckedChangeListener;

public class zhuyemian extends TabActivity {//implements OnCheckedChangeListener
    private RadioGroup group;
    private TabHost tabHost;  
    private TextView main_tab_new_message;  
    
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
//        group=(RadioGroup) findViewById(R.id.radioGroup);
//        group.setOnCheckedChangeListener(this);
        
        /* 显示App icon左侧的back键 */
        final ActionBar actionBar = getActionBar();
        actionBar.setDisplayHomeAsUpEnabled(true);
        
        main_tab_new_message=(TextView) findViewById(R.id.main_tab_new_message);  
        main_tab_new_message.setVisibility(View.VISIBLE);  
        main_tab_new_message.setText("10");  
        
        tabHost=this.getTabHost();  
        TabHost.TabSpec spec;  
        Intent intent;  
  
        intent=new Intent().setClass(this, dianzhangaikuang.class);  
        spec=tabHost.newTabSpec("概况").setIndicator("概况").setContent(intent);  
        tabHost.addTab(spec);  
          
        intent=new Intent().setClass(this,tianqi.class);  
        spec=tabHost.newTabSpec("天气").setIndicator("天气").setContent(intent);  
        tabHost.addTab(spec);  
          
        intent=new Intent().setClass(this, fadianliang.class);  
        spec=tabHost.newTabSpec("发电量").setIndicator("发电量").setContent(intent);  
        tabHost.addTab(spec);  
          
       
        intent=new Intent().setClass(this, shebeixinxi.class);  
        spec=tabHost.newTabSpec("逆变器").setIndicator("逆变器").setContent(intent);  
        tabHost.addTab(spec);  
        tabHost.setCurrentTab(0); 
        
        RadioGroup radioGroup=(RadioGroup) this.findViewById(R.id.main_tab_group);  
        radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {  
              
            @Override  
            public void onCheckedChanged(RadioGroup group, int checkedId) {  
                // TODO Auto-generated method stub  
                switch (checkedId) {  
                case R.id.main_tab_gaikuang://添加考试  
                    tabHost.setCurrentTabByTag("概况");
                    actionBar.setTitle("概况");//设置标题栏
                    break;  
                case R.id.main_tab_tianqi://我的考试  
                    tabHost.setCurrentTabByTag("天气");
                    actionBar.setTitle("天气");
                    break;  
                case R.id.main_tab_fadianliang://我的通知  
                    tabHost.setCurrentTabByTag("发电量");
                    actionBar.setTitle("发电量");
                    break;  
                case R.id.main_tab_nibianqi://设置  
                    tabHost.setCurrentTabByTag("逆变器");
                    actionBar.setTitle("逆变器");
                    break;  
                default:  
                    //tabHost.setCurrentTabByTag("我的考试");  
                    break;  
                }  
            }  
        }); 
                                       
    }
    
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
        case android.R.id.home:  
            finish();
            return true;
        default:
            return super.onOptionsItemSelected(item);
        }
    }



}
View Code

演示效果如下：

技术分享

 

这个也许大家会觉得麻烦，那么多页面，好麻烦！那下面就把所有页面放在一个.xml文件中

fadianliang.xml

技术分享 
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent" >  
  
    <!-- 第一个布局 -->  
    <LinearLayout     
        android:id="@+id/view1"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent" >        
        <TextView  
            android:id="@+id/textView1"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="张小媛" />  
    </LinearLayout>  
  
    <!-- 第二个布局 -->  
    <LinearLayout     
        android:id="@+id/view2"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent" >  
          
        <TextView  
            android:id="@+id/textView2"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="马贝贝" />  
    </LinearLayout>  
  
    <!-- 第三个布局 -->  
    <LinearLayout     
        android:id="@+id/view3"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent" >  
          
        <TextView  
            android:id="@+id/textView3"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="呼伦贝尔" />  
    </LinearLayout>  
  
</FrameLayout>
View Code

fadianliang.java

技术分享 
package com.example.myfragment;

import android.app.Activity;
import android.app.TabActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.TabHost;
import android.widget.TabHost.OnTabChangeListener;
import android.widget.TabWidget;
import android.widget.TextView;

public class fadianliang extends TabActivity {  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);   
        TabHost tabHost = getTabHost();  
        LayoutInflater.from(this).inflate(R.layout.fadianliang,  
                tabHost.getTabContentView(), true);  
        tabHost.addTab(tabHost.newTabSpec("功率").setIndicator("功率", getResources().getDrawable(R.drawable.ic_launcher))  
                .setContent(R.id.view1));  
        tabHost.addTab(tabHost.newTabSpec("月发电量").setIndicator("月发电量")  
                .setContent(R.id.view2));  
        tabHost.addTab(tabHost.newTabSpec("年发电量").setIndicator("年发电量")  
                .setContent(R.id.view3));
        TabWidget tabWidget=tabHost.getTabWidget();
        for (int i = 0; i < tabWidget.getChildCount(); i++) {//tabWidget.getChildCount()得到tab总数
            TextView tv = (TextView) tabWidget.getChildAt(i).findViewById(android.R.id.title);
            tv.setTextSize(18);     
        }//设置tab上的字体大小
         
          
         //标签切换事件处理，setOnTabChangedListener  
        tabHost.setOnTabChangedListener(new OnTabChangeListener(){    
            @Override  
            public void onTabChanged(String tabId) {  
                if (tabId.equals("功率")) {   //第一个标签  
                }  
                if (tabId.equals("月发电量")) {   //第二个标签  
                }  
                if (tabId.equals("年发电量")) {   //第三个标签  
                }  
            }              
        });   
          
        
        TabWidget tw=tabHost.getTabWidget();
        tw.setBackgroundColor(getResources().getColor(R.color.txt_blue));
          
    } 
    
    public void onTabChanged(String tabId) {
        Activity activity = getLocalActivityManager().getActivity(tabId);
        if (activity != null) {
            activity.onWindowFocusChanged(true);
        }
    }
  
}
View Code
演示效果如下：

技术分享

好了这就是我实现的tabhost了，还有一种不继承的方法大家可以参看下面的链接：

http://blog.csdn.net/harvic880925/article/details/17120325#t11

 

安卓---Tabhost实现页面局部刷新

标签：

原文地址：http://www.cnblogs.com/rainday1/p/5484608.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！