android 自定义ButtonTab , ActivityGroup 动态加载 activity

android 自定义ButtonTab , ActivityGroup 动态加载 activity
最近几天一直在做公司客户看着默认的 tab 切换着实不爽，查了下资料费了番功夫写了个自定义的ButtonTab 在此和广大 android 爱好者分享源码如下。AndroidManifest.xml 写道 <?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.qiamian.test"
android:versionCode="1"
android:versionName="1.0">
<uses-sdk android:minSdkVersion="3" />

<application android:icon="@drawable/icon" android:label="@string/app_name">
<activity android:name=".ButtonTabActivity"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name=".TestA"/>
<activity android:name=".TestB"/>
</application>
</manifest>
ButtonTabActivity 写道 package com.qiamian.test;

import android.app.ActivityGroup;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.view.Window;
import android.view.ViewGroup.LayoutParams;
import android.widget.TextView;
import android.widget.Toast;
import android.widget.ViewFlipper;

import com.qiamian.test.SegmentControl.OnSegmentChangedListener;

/**
* @author 轻描淡写
*/
public class ButtonTabActivity extends ActivityGroup{
SegmentControl segControl;
private ViewFlipper mFlipper;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

mFlipper = (ViewFlipper)findViewById(R.id.flipper);

segControl = (SegmentControl)findViewById(R.id.segcontrol);
segControl.setStyle(SegmentControl.TAB);//试试SEGMENT
segControl.newButton("标题1", 0);
segControl.newButton("标题2", 1);
segControl.newButton("标题3", 2);
segControl.newButton("标题4", 3);
//还可试试segControl.newButton(int drawableId, int id);
segControl.setSelectedIndex(0);
int width = this.px2dip(this, 80*segControl.getButtonCount());
int height = this.px2dip(this, 38);
segControl.setWidth(width, height, segControl.getButtonCount());

segControl.setOnSegmentChangedListener(new OnSegmentChangedListener() {
@Override
public void onSegmentChanged(int index) {
//
onChangeView(index);
}
});

SwitchActivity(0);//默认打开第0页
}

private void onChangeView(int index)
{
//测试界面，实际开发中是从layout中读取的，下同。
TextView tv=new TextView(this);
tv.setText("index="+index);
switch(index){
case 0:
Toast.makeText(this, "VIEW_TLINE", Toast.LENGTH_SHORT).show();
SwitchActivity(1);
break;
case 1:
Toast.makeText(this, "VIEW_KLINE", Toast.LENGTH_SHORT).show();
SwitchActivity(0);
break;
case 2:
Toast.makeText(this, "VIEW_DETAIL", Toast.LENGTH_SHORT).show();
SwitchActivity(1);
break;
case 3:
Toast.makeText(this, "VIEW_F10", Toast.LENGTH_SHORT).show();
SwitchActivity(0);
break;
case 4:
Toast.makeText(this, "VIEW_RADAR", Toast.LENGTH_SHORT).show();
SwitchActivity(1);
break;
}
}

/**
* 根据ID打开指定的Activity
* @param id GridView选中项的序号
*/
void SwitchActivity(int id)
{
mFlipper.removeAllViews();//必须先清除容器中所有的View
Intent intent =null;
if (id == 0 || id == 2) {
intent = new Intent(ButtonTabActivity.this, TestA.class);
} else if (id == 1 || id == 3) {
intent = new Intent(ButtonTabActivity.this, TestB.class);
}
intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
//Activity 转为 View
Window subActivity = getLocalActivityManager().startActivity(
"subActivity", intent);
//容器添加View
mFlipper.addView(subActivity.getDecorView(),
LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
}

//dip/px像素单位转换
public int dip2px(Context context, float dipValue){
final float scale = context.getResources().getDisplayMetrics().density;
return (int)(dipValue / scale + 0.5f);
}

public int px2dip(Context context, float pxValue){
final float scale = context.getResources().getDisplayMetrics().density;
return (int)(pxValue * scale + 0.5f);
}
}

package com.qiamian.test;

import android.app.Activity;import android.os.Bundle;/** * @author 轻描淡写 */public class TestA extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);setContentView(R.layout.test_a);}}

package com.qiamian.test;

import android.app.Activity;import android.os.Bundle;/** * 恰面网 * www.qiamian.com * @author 轻描淡写 */public class TestB extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);setContentView(R.layout.test_b);}}

package com.qiamian.test;

import java.util.HashMap;import java.util.Map;import android.content.Context;import android.graphics.Color;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.View;import android.widget.LinearLayout;/** * @author 轻描淡写 */public class SegmentControl extends LinearLayout {private Map<Integer,DivButton> indexButtonMap = new HashMap<Integer, DivButton>();private Map<DivButton,Integer> buttonIndexMap = new HashMap<DivButton, Integer>();private int selectedIndex;public static final int TAB = 1;public static final int SEGMENT = 2;private int currentStyle = SEGMENT;private int maxButtonSize;private int marginsLeft = 1;private LayoutParams  layoutMarginsParams;private boolean onlyIsPressed;private OnSegmentChangedListener onSegmentChangedListener;public SegmentControl(Context context, AttributeSet attrs) {super(context,attrs);this.setOrientation(HORIZONTAL);layoutMarginsParams = new LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);layoutMarginsParams.setMargins(marginsLeft, 0, 0, 0);}public SegmentControl(Context context,int style) {super(context,null);this.setOrientation(HORIZONTAL);currentStyle = style;layoutMarginsParams = new LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);layoutMarginsParams.setMargins(marginsLeft, 0, 0, 0);}public void setStyle(int style) {currentStyle = style;}public void setWidth(int width, int height, int num) {int itemWidth = width/num;layoutMarginsParams.width = itemWidth;layoutMarginsParams.height = height;}public int getButtonCount(){return maxButtonSize;}public DivButton getButton(int index){return indexButtonMap.get(index);}public void setSelectedIndex(int index){if(index <= maxButtonSize){selectedIndex = index;selectButton(index);}}public int getSelectedIndex(){return selectedIndex;}/** * 废弃 * 请使用setOnSegmentChangedListener代替 * @param index * @param l */@Deprecatedpublic void bindOnChooseListener(int index, DivButton.OnChooseListener l){indexButtonMap.get(index).setOnChooseListener(l);}public void clearButton() {this.removeAllViews();maxButtonSize = 0;}public DivButton newButton(int drawableId, int id){DivButton button = new DivButton(getContext(), id, DivButton.PICTURE);button.setLayoutParams(layoutMarginsParams);button.setBackgroundResource(drawableId);postNewButton(button);return button;}private void postNewButton(DivButton button){this.addView(button);addButtonToMap(button, maxButtonSize);maxButtonSize++;button.setOnTouchListener(new OnTouchListener() {@Overridepublic boolean onTouch(View v, MotionEvent event) {if (event.getAction() == MotionEvent.ACTION_DOWN) {selectedIndex = buttonIndexMap.get(v);selectButton(selectedIndex);}return false;}});}public DivButton newButton(String text, int id){DivButton button = null;if(currentStyle == TAB){button = new DivButton(getContext(), id, DivButton.TAB);}else if(currentStyle == SEGMENT){if(maxButtonSize == 0){button = new DivButton(getContext(), id);}else{button = new DivButton(getContext(), id, DivButton.SEGMENT_CENTER);}//只有2个按钮if(maxButtonSize == 1){getButton(0).changeButtonStyle(DivButton.SEGMENT_LEFT);button.changeButtonStyle(DivButton.SEGMENT_RIGHT);}//超过2按钮if(maxButtonSize > 1){getButton(0).changeButtonStyle(DivButton.SEGMENT_LEFT);getButton(maxButtonSize - 1).changeButtonStyle(DivButton.SEGMENT_CENTER);button.changeButtonStyle(DivButton.SEGMENT_RIGHT);}}//layoutMarginsParams = new LayoutParams(45, 35);button.setLayoutParams(layoutMarginsParams);//button背景色可以在这里设置button.setPressedColor(Color.rgb(16, 38, 55), Color.rgb(16, 38, 55));button.setTextSize(16);button.setText(text);postNewButton(button);return button;}private void addButtonToMap(DivButton button, int index){this.indexButtonMap.put(maxButtonSize, button);this.buttonIndexMap.put(button, maxButtonSize);}private void selectButton(int index){//1if(maxButtonSize == 1){DivButton button = indexButtonMap.get(0);button.onDefaultUp();if(!onlyIsPressed){button.onDown();if(button.hasPressedDrawable()){button.setPressedDrawable();}if(onSegmentChangedListener != null){onSegmentChangedListener.onSegmentChanged(button.getCmdId());}onlyIsPressed = true;}else{if(button.hasDefaultDrawable()){button.setDefaultDrawable();}button.onUp();onlyIsPressed = false;}//more}else{for (int i = 0; i < maxButtonSize; i++) {DivButton button = indexButtonMap.get(i);if(i == index){if(button.isNormal()){button.onDown();if(button.hasPressedDrawable()){button.setPressedDrawable();}if(onSegmentChangedListener != null){onSegmentChangedListener.onSegmentChanged(button.getCmdId());}}}else{if(button.hasDefaultDrawable()){button.setDefaultDrawable();}button.onDefaultUp();}}}}public interface OnSegmentChangedListener{public void onSegmentChanged(int index);}public void setOnSegmentChangedListener(OnSegmentChangedListener l){this.onSegmentChangedListener = l;}}

DivButton 写道

package com.qiamian.test;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Shader;
import android.graphics.Paint.Align;
import android.graphics.Paint.FontMetrics;
import android.graphics.drawable.ShapeDrawable;
import android.graphics.drawable.shapes.RoundRectShape;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.Button;

/**
* 恰面网
* www.qiamian.com
* @author 轻描淡写
*/
public class DivButton extends Button implements OnTouchListener {

private int buttonID;

private ShapeDrawable mDrawable;

private boolean isPressed = false;
private int radian;

float[] DEFAULT_OUTRADII;
float[] TAB_OUTRADII;
float[] LEFT_OUTRADII;
float[] RIGHT_OUTRADII;
float[] CENTER_OUTRADII;
private static int DEFAULT_RADIAN = 8;

//#B7B7B7
private int DEFAULT_START_COLOR = -4737097;
//8F8F8F
private int DEFAULT_END_COLOR = -7368817;

//#9F9F9F
private int PRESSED_START_COLOR = -6316129;
//#767676
private int PRESSED_END_COLOR = -9013642;

public static int TAB = 1;
public static int SEGMENT_LEFT = 2;
public static int SEGMENT_CENTER = 3;
public static int SEGMENT_RIGHT = 4;
public static int DEFAULT = 0;
public static int PICTURE = 5;

private int style;

private OnChooseListener mOnChooseListener;

/**
* 默认图片
*/
private int defaultDrawableId;

/**
* 按下图片
*/
private int pressedDrawableId;

public boolean hasDefaultDrawable(){
if(defaultDrawableId != 0){
return true;
}else{
return false;
}
}

public boolean hasPressedDrawable(){
if(pressedDrawableId != 0){
return true;
}else{
return false;
}
}

public void setDefaultDrawableId(int defaultDrawableId){
this.defaultDrawableId = defaultDrawableId;
}

public void setDefaultDrawable(int defaultDrawableId){
setDefaultDrawableId(defaultDrawableId);
setDefaultDrawable();
}

public void setDefaultDrawable(){
setBackgroundResource(defaultDrawableId);
}

public void setPressedDrawable(int pressedDrawableId){
setPressedDrawableId(pressedDrawableId);
setPressedDrawable();
}

public void setPressedDrawable(){
setBackgroundResource(pressedDrawableId);
}

public void setPressedDrawableId(int pressedDrawableId){
this.pressedDrawableId = pressedDrawableId;
}
public void setOnChooseListener(DivButton.OnChooseListener l){
this.mOnChooseListener = l;
}
public boolean isNormal(){
return !isPressed;
}

public boolean isPressed(){
return isPressed;
}

public void setRadian(int radian){
this.radian = radian;
initRadian();
changeButtonStyle(style);
}

private void initRadian(){
DEFAULT_OUTRADII = new float[] { radian, radian, radian, radian, radian, radian, radian, radian };
TAB_OUTRADII = new float[] { radian, radian, radian, radian, 0, 0, 0, 0 };
LEFT_OUTRADII = new float[] { radian, radian, 0, 0, 0, 0, radian, radian };
RIGHT_OUTRADII = new float[] { 0, 0, radian, radian, radian, radian, 0, 0 };
CENTER_OUTRADII = new float[] { 0, 0, 0, 0, 0, 0, 0, 0 };
}
/**
*
* @param startColor
* @param endColor
*/
public DivButton setNormalColor(int startColor, int endColor){
this.DEFAULT_START_COLOR = startColor;
this.DEFAULT_END_COLOR = endColor;
invalidate();
return this;
}

/**
*
* @param startColor
* @param endColor
*/
public DivButton setPressedColor(int startColor, int endColor){
this.PRESSED_START_COLOR = startColor;
this.PRESSED_END_COLOR = endColor;
invalidate();
return this;
}

private Shader getNormalColor(int width, int height){
return new LinearGradient(width/2,0,width/2,height,DEFAULT_START_COLOR,DEFAULT_END_COLOR,Shader.TileMode.MIRROR);
}

private Shader getPressedColor(int width, int height){
return new LinearGradient(width/2,0,width/2,height,PRESSED_START_COLOR, PRESSED_END_COLOR,Shader.TileMode.MIRROR);
}

public DivButton(Context context, int id, int style) {
super(context,null);

this.buttonID = id;
init(style);
}

public DivButton(Context context, int id){
super(context,null);

this.buttonID = id;
init(DEFAULT);
}

private void init(int style){
radian = DEFAULT_RADIAN;
initRadian();
if(PICTURE != style){
if(mDrawable == null){
mDrawable = getShapeDrawable(style);
}
this.getBackground().setAlpha(0);
this.setTextColor(Color.WHITE);
}
this.setOnTouchListener(this);
}

public DivButton(Context context, int id, AttributeSet attrs) {
super(context,attrs);

this.buttonID = id;
init(DEFAULT);
}

public DivButton(Context context, int id, ShapeDrawable mDrawable){
super(context);

this.buttonID = id;
this.mDrawable = mDrawable;
}

public int getCmdId() {
return buttonID;
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if(mDrawable != null){
mDrawable.setBounds(0, 0, this.getWidth(), this.getHeight());
if(!isPressed){
mDrawable.getPaint().setShader(getNormalColor(this.getWidth(), this.getHeight()));
}else{
mDrawable.getPaint().setShader(getPressedColor(this.getWidth(), this.getHeight()));
}

//mDrawable.getPaint().setColor(Color.BLUE);
//mDrawable.getPaint().setStyle(Paint.Style.FILL_AND_STROKE);
mDrawable.draw(canvas);
}

Paint paint = new Paint();
paint.setAntiAlias(true);
paint.setStyle(Paint.Style.STROKE);
paint.setTextAlign(Align.CENTER);
paint.setTextSize(getTextSize());
paint.setColor(Color.WHITE);
FontMetrics fm = paint.getFontMetrics();
int y = getTop() + (int)(getHeight() - fm.ascent)/2;
canvas.drawText((String)getText(), getWidth()/2, y, paint);

}

public void onDown() {
onDefaultDown();
if(mOnChooseListener != null){
mOnChooseListener.onDown();
}
}

public void onUp() {
onDefaultUp();
if(mOnChooseListener != null){
mOnChooseListener.onUp();
}
}

public void onDefaultUp(){
isPressed = false;
invalidate();
}

public void onDefaultDown(){
isPressed = true;
invalidate();
}

public void changeButtonStyle(int style){
getShapeDrawable(style);
invalidate();
}

private ShapeDrawable getShapeDrawable(int style){
this.style = style;
if(style == TAB){
mDrawable = new ShapeDrawable(new RoundRectShape(TAB_OUTRADII, null,
null));
}else if(style == SEGMENT_LEFT){
mDrawable = new ShapeDrawable(new RoundRectShape(LEFT_OUTRADII, null,
null));
}else if(style == SEGMENT_CENTER){
mDrawable = new ShapeDrawable(new RoundRectShape(CENTER_OUTRADII, null,
null));
}else if(style == SEGMENT_RIGHT){
mDrawable = new ShapeDrawable(new RoundRectShape(RIGHT_OUTRADII, null,
null));
}else{
mDrawable = new ShapeDrawable(new RoundRectShape(DEFAULT_OUTRADII, null,
null));
}
return mDrawable;
}
@Override
public boolean onTouch(View v, MotionEvent event) {
if (event.getAction() == MotionEvent.ACTION_DOWN) {
if (!isPressed) {
if(hasPressedDrawable()){
setBackgroundResource(pressedDrawableId);
}
// 更改为按下时的背景图
onDown();
}
} else if (event.getAction() == MotionEvent.ACTION_UP) {
if (isPressed) {
if(hasDefaultDrawable()){
setBackgroundResource(defaultDrawableId);
}
// 改为抬起时的图片
onUp();
}
}
// TODO Auto-generated method stub
return false;
}

public interface OnChooseListener{
public void onDown();
public void onUp();
}
}

main.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">

<com.qiamian.test.SegmentControl
android:id="@+id/segcontrol"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
/>


<ViewFlipper android:id="@+id/flipper"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
/>
</LinearLayout>

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

<LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"  android:orientation="vertical"  android:gravity="center"  android:layout_width="fill_parent"  android:layout_height="fill_parent">    <TextView     android:layout_height="wrap_content"     android:layout_width="fill_parent"     android:id="@+id/qm_text1"    android:gravity="center"    android:textSize="36px"    android:text="www.juapk.com TEST_A"   /></LinearLayout>

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

<LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"  android:orientation="vertical"  android:gravity="center"  android:layout_width="fill_parent"  android:layout_height="fill_parent">    <TextView     android:layout_height="wrap_content"     android:layout_width="fill_parent"     android:id="@+id/qm_text1"    android:gravity="center"    android:textSize="36px"    android:text="juapk.com Demo-TEST_B"   /></LinearLayout>

交流请加 Android 群 : 137824028

更多相关文章

随机推荐