Android 自定义Tabbar
由于需要自定义了一个组件，代码如下
自定义tabbar
public class TopTabbar extends LinearLayout implements OnClickListener {
//namespace
private final String nameSpace = "http://meiyitianabc.blog.163.com";
//default for tab height .
private int topContainerHeight = 40;
//default for content Layout .
private int contentContainerHeight = 100;
//tag .
String TAG = TopTabbar.class.getName();
//each tab item
LinearLayout fistItem = null;
LinearLayout secondItem = null;
LinearLayout thirdItem = null;
//tab title for each tab item
TextView tv_title_1 = null;
TextView tv_title_2 = null;
TextView tv_title_3 = null;
//the value for each tab text .
private String title1;
private String title2;
private String tilte3;
//
LinearLayout contentContainer = null;
//content container for each item clicked .
View contentContainer1 = null;
View contentContainer2 = null;
View contentContainer3 = null;
//click callback for onClick .
TabbarCallback tabOnClick = null;
//
LinearLayout topContainer = null;
//bitmap
Bitmap bm_tabBg = null;
//getter and setter methods .
public TextView getTv_title_1() {
return tv_title_1;
}
public TextView getTv_title_2() {
return tv_title_2;
}
public TextView getTv_title_3() {
return tv_title_3;
}
public LinearLayout getContentContainer() {
return contentContainer;
}
public LinearLayout getTopContainer() {
return topContainer;
}
public void setContentContainer1(View contentContainer1) {
this.contentContainer1 = contentContainer1;
this.contentContainer.addView(contentContainer1);
}
public void setContentContainer2(View contentContainer2) {
this.contentContainer2 = contentContainer2;
this.contentContainer.addView(contentContainer2);
}
public void setContentContainer3(View contentContainer3) {
this.contentContainer3 = contentContainer3;
this.contentContainer.addView(contentContainer3);
}
public void setTabOnClick(TabbarCallback tabOnClick) {
this.tabOnClick = tabOnClick;
}
@Override
public void addView(View child) {
super.addView(child);
}
Context context = null;
public TopTabbar(Context context,AttributeSet attr) {
super(context);
this.context = context;
//
this.setOrientation(LinearLayout.HORIZONTAL);
LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View view = inflater.inflate(R.layout.tabbar, this);
int topContainerHeightRes = attr.getAttributeIntValue(nameSpace, "topContainerHeight", topContainerHeight);
int contentContainerHeightRes = attr.getAttributeIntValue(nameSpace, "ContentContainerHeight", contentContainerHeight);
//find top tab container ,then set height .
topContainer = (LinearLayout)view.findViewById(R.id.tabbar_layout_topContainer);
topContainer.setMinimumHeight(topContainerHeightRes);
topContainer.setId(R.string.tabContainer);
//Find each item ,set id ,and use them in activity code .
fistItem = (LinearLayout) topContainer.findViewById(R.id.tabbar_linearlayout_fistItem);
secondItem = (LinearLayout)topContainer.findViewById(R.id.tabbar_linearlayout_secondItem);
thirdItem = (LinearLayout)topContainer.findViewById(R.id.tabbar_linearlayout_thirdItem);
//set click event .
fistItem.setOnClickListener(this);
secondItem.setOnClickListener(this);
thirdItem.setOnClickListener(this);
//find each textView .
tv_title_1 = (TextView)this.findViewById(R.id.tabbar_tv_title_1);
tv_title_2 = (TextView)this.findViewById(R.id.tabbar_tv_title_2);
tv_title_3 = (TextView)this.findViewById(R.id.tabbar_tv_title_3);
//find content container
contentContainer = (LinearLayout)view.findViewById(R.id.tabbar_layout_ContentContainer);
//set height .
contentContainer.setMinimumHeight(contentContainerHeightRes);
//find each content container .
contentContainer1 = (LinearLayout)contentContainer.findViewById(R.id.tabbar_layout_ContentContainer_1);
contentContainer2 = (LinearLayout)contentContainer.findViewById(R.id.tabbar_layout_ContentContainer_2);
contentContainer3 = (LinearLayout)contentContainer.findViewById(R.id.tabbar_layout_ContentContainer_3);
//set default view
//set whitch tab view should light .
fistItem.setBackgroundResource(R.drawable.top_type_left_1);
secondItem.setBackgroundResource(R.drawable.top_type_bg);
thirdItem.setBackgroundResource(R.drawable.top_type_bg);
//set whitch content view should visibile .
contentContainer1.setVisibility(View.VISIBLE);
contentContainer2.setVisibility(View.GONE);
contentContainer3.setVisibility(View.GONE);
//set id
int id = attr.getAttributeIntValue(nameSpace, "id", 0x12345);
if(id==0x12345){
Log.i("TopTabbar", "sorry ,TopTabbar id is not set , you can access it by default id 0x12345");
this.setId(0x12345);
}else{
this.setId(id);
}
}
@Override
public void onClick(View v) {
switch(v.getId()){
case R.id.tabbar_linearlayout_fistItem:
//set whitch tab view should light .
fistItem.setBackgroundResource(R.drawable.top_type_left_1);
secondItem.setBackgroundResource(R.drawable.top_type_bg);
thirdItem.setBackgroundResource(R.drawable.top_type_bg);
//set whitch content view should visibile .
contentContainer1.setVisibility(View.VISIBLE);
contentContainer2.setVisibility(View.GONE);
contentContainer3.setVisibility(View.GONE);
//set callback .
tabOnClick.fistItemClickCallback();
break;
case R.id.tabbar_linearlayout_secondItem:
//set whitch tab view should light .
fistItem.setBackgroundResource(R.drawable.top_type_bg);
secondItem.setBackgroundResource(R.drawable.top_type_middle_1);
thirdItem.setBackgroundResource(R.drawable.top_type_bg);
//set whitch content view should visibile .
contentContainer1.setVisibility(View.GONE);
contentContainer2.setVisibility(View.VISIBLE);
contentContainer3.setVisibility(View.GONE);
//set callback .
tabOnClick.secondItemClickCallback();
break;
case R.id.tabbar_linearlayout_thirdItem:
//set whitch tab view should light .
fistItem.setBackgroundResource(R.drawable.top_type_bg);
secondItem.setBackgroundResource(R.drawable.top_type_bg);
thirdItem.setBackgroundResource(R.drawable.top_type_right_1);
//set whitch content view should visibile .
contentContainer1.setVisibility(View.GONE);
contentContainer2.setVisibility(View.GONE);
contentContainer3.setVisibility(View.VISIBLE);
//set callback .
tabOnClick.thirdItemClickCallback();
break;
}
}
}
使用
package com.appstore.ui;
import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;
import com.appstore.ui.commctrls.BaseActivity;
import com.appstore.ui.commctrls.TabbarCallback;
import com.appstore.ui.commctrls.TopTabbar;
/**
* test tabbar control .
* @author zxy
*
*/
public class TopTabbabTest extends BaseActivity implements TabbarCallback {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.tabviewtest);
//id parameter is the same as id you set in xml layout ,if not set you can access it by default id 0x1234
TopTabbar tb = (TopTabbar)findViewById(0x1234);
//TopTabbar tb = new TopTabbar(this);
if(tb==null){
Log.i("toptabbar", "toptabbar is null");
}else{
//set callback .
tb.setTabOnClick(this);
//set tab text
tb.getTv_title_1().setText("tab1");
tb.getTv_title_2().setText("tab2");
tb.getTv_title_3().setText("tab3");
//construct content view
LinearLayout contentView1 = new LinearLayout(this);
TextView tv1 = new TextView(this);
tv1.setText("fist content view .");
contentView1.addView(tv1);
contentView1.setVisibility(View.VISIBLE);
LinearLayout contentView2 = new LinearLayout(this);
TextView tv2 = new TextView(this);
tv2.setText("second content view .");
contentView2.addView(tv2);
contentView2.setVisibility(View.GONE);
// LinearLayout contentView3 = new LinearLayout(this);
// TextView tv3 = new TextView(this);
// tv3.setText("third content view .");
// contentView3.addView(tv3);
// contentView3.setVisibility(View.GONE);
//set content
tb.setContentContainer1(contentView1);
tb.setContentContainer2(contentView2);
tb.setContentContainer3(getLocalActivityManager().startActivity(
"firstpage",
new Intent(this, GalleryTest.class)
.addFlags(Intent.FLAG_ACTIVITY_SINGLE_TOP))
.getDecorView());
}
}
//event click on fistitem
@Override
public void fistItemClickCallback() {
Toast.makeText(this,"hello ,you clicked fist item .", Toast.LENGTH_SHORT).show();
}
//event click on secondItem
@Override
public void secondItemClickCallback() {
Toast.makeText(this,"hello ,you clicked second item .", Toast.LENGTH_SHORT).show();
}
//event click on thirdItem
@Override
public void thirdItemClickCallback() {
Toast.makeText(this,"hello ,you clicked third item .", Toast.LENGTH_SHORT).show();
}
}
效果
