【问题标题】:How to create custom api for tabhost and tabwidget?如何为 tabhost 和 tabwidget 创建自定义 api?
【发布时间】:2011-10-12 13:12:05
【问题描述】:

我使用tabhost、tabwidget 和horizo​​ntalscrollbar 创建了可滚动的标签栏,layout_gravity 位于底部。现在,我想为此创建 自定义 API,因此任何人都可以使用该 api 更改文本大小、高度、宽度等,根据他们的要求。

Tabbar.java

package com.tabbar.project;

import android.app.TabActivity;
import android.content.Intent;
import android.content.res.Resources;
import android.graphics.Color;
import android.os.Bundle;
import android.widget.TabHost;

public class Tabbar extends TabActivity {  
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);   
        Resources res = getResources();

        // TabHost will have Tabs
        TabHost tabHost = getTabHost();


        /* TabSpec used to create a new tab. 
         * By using TabSpec only we can able to setContent to the tab.
         * By using TabSpec setIndicator() we can set name to tab. 
         * TabSpec setContent() is used to set content for a particular tab.*/

        //adding tabbar items
        TabHost.TabSpec spec;   
        Intent intent;
        intent = new Intent().setClass(this, FirstActivity.class);
        spec = tabHost.newTabSpec("first").setIndicator("Contact", res.getDrawable(R.drawable.contact_img)).setContent(intent);
        tabHost.addTab(spec);



        intent = new Intent().setClass(this, SecondActivity.class);
        spec = tabHost.newTabSpec("second").setIndicator("Dial",  res.getDrawable(R.drawable.dial_img)).setContent(intent);
        tabHost.addTab(spec);


        intent = new Intent().setClass(this, ThirdActivity.class);
        spec = tabHost.newTabSpec("third").setIndicator("Movie", res.getDrawable(R.drawable.movie_img)).setContent(intent);
        tabHost.addTab(spec);


        intent = new Intent().setClass(this, FourthActivity.class);
        spec = tabHost.newTabSpec("fourth").setIndicator("gellary", res.getDrawable(R.drawable.gellary_img)).setContent(intent);
        tabHost.addTab(spec);


        intent = new Intent().setClass(this, FifthActivity.class);
        spec = tabHost.newTabSpec("fifth").setIndicator("Opera", res.getDrawable(R.drawable.opera_img)).setContent(intent);
        tabHost.addTab(spec);

        intent = new Intent().setClass(this, SixthActivity.class);
        spec = tabHost.newTabSpec("sixth").setIndicator("Contacts", res.getDrawable(R.drawable.contact_img)).setContent(intent);
        tabHost.addTab(spec);


        intent = new Intent().setClass(this, SeventhActivity.class);
        spec = tabHost.newTabSpec("seventh").setIndicator("Dial",  res.getDrawable(R.drawable.dial_img)).setContent(intent);
        tabHost.addTab(spec);


        intent = new Intent().setClass(this, EightActivity.class);
        spec = tabHost.newTabSpec("eight").setIndicator("Movie", res.getDrawable(R.drawable.movie_img)).setContent(intent);
        tabHost.addTab(spec);


        intent = new Intent().setClass(this, NinthActivity.class);
        spec = tabHost.newTabSpec("ninth").setIndicator("Gellary", res.getDrawable(R.drawable.gellary_img)).setContent(intent);
        tabHost.addTab(spec);


        intent = new Intent().setClass(this, TenthActivity.class);
        spec = tabHost.newTabSpec("tenth").setIndicator("Opera", res.getDrawable(R.drawable.opera_img)).setContent(intent);
        tabHost.addTab(spec);

        // set the width of tab 
        for(int i=0;i<tabHost.getTabWidget().getChildCount();i++){
             tabHost.getTabWidget().getChildAt(i).getLayoutParams().width = 64;
        }



        //provide a method/function for setting height
       // set the Height of tab 
        for(int i=0;i<tabHost.getTabWidget().getChildCount();i++){
         tabHost.getTabWidget().getChildAt(i).getLayoutParams().height = 60;
       }

        // set the background color of tab (#50000000-transparent,#7392B5) 
         for(int i=0;i<tabHost.getTabWidget().getChildCount();i++){
             tabHost.getTabWidget().getChildAt(i).setBackgroundColor(Color.parseColor("#50000000")); 
         }

         //tabHost.getTabWidget().getChildAt(0).;
         tabHost.setCurrentTab(0);
    }


}

ma​​in.xml

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

    <LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:padding="5dp"   
        android:background="@drawable/zero"   
         >
          <TabHost android:id="@android:id/tabhost" xmlns:android="http://schemas.android.com/apk/res/android"
                 android:layout_width="fill_parent" 
                 android:layout_height="fill_parent"
                 android:visibility="visible">

            <HorizontalScrollView
            android:layout_width="wrap_content" 
            android:layout_height="fill_parent"
            android:scrollbars="none">   

                 <TabWidget android:layout_width="fill_parent"
                            android:layout_height="wrap_content"
                            android:id="@android:id/tabs"
                            android:layout_gravity="bottom"
                            android:tabStripEnabled="false"
                            />


                 </HorizontalScrollView> 

                <FrameLayout android:layout_width="match_parent"
                             android:layout_height="match_parent"
                              android:id="@android:id/tabcontent"/> 

        </TabHost>  


</LinearLayout>

【问题讨论】:

    标签: android android-tabhost android-tabactivity custom-application


    【解决方案1】:

    首先,确定要支持的功能列表。看来您已经有了一些想法。然后在您的 Tabbar 类中创建允许人们对其进行自定义的公共方法。

    一个想法可能是

    public void setTabHeight(int dip) {
        //Code to set tab height goes here
    }
    

    然后人们可以访问您的Tabber 以及您希望他们拥有的功能。

    Tabbar 使用的功能数量和通用性将取决于您的想象力和设计技巧。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-07-26
      • 2018-07-16
      • 1970-01-01
      相关资源
      最近更新 更多