android 仿iphone tab实现

最新推荐文章于 2021-05-28 08:32:57 发布
最新推荐文章于 2021-05-28 08:32:57 发布
阅读量1.8k 收藏
点赞数
分类专栏： ++ 控件效果 文章标签： android iphone layout dialog menu encoding

android有个tab的实现，不过是顶部tab，有时候项目需要底部tab实现，像iphone一样，怎么办呢？

网上找了点资料，项目里别的同事以前也实现过，我就拿过来学习了一下：


先贴一下运行之后的效果图：

这个是MainActivity，的布局页面main.xml底部是一个自己重写的一个ImageView，通过重绘四个bitmap和text，然后点击相应的tab显示不同的layout，总共有四个layout，也是自己重写的linearlayout。

这个是登录页面：

点击登陆就会登陆到主界面。

源代码包就不上传了额，因为公司加密的远古。






代码：

初始页面：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
>
	
	<ViewFlipper 
		android:id="@+id/init_flipper" 
		android:layout_width="fill_parent" 
		android:layout_height="fill_parent" 
	>
        <include layout="@layout/login" />
        <include layout="@layout/reg" />
    </ViewFlipper>
</LinearLayout>

登陆layout： 

<?xml version="1.0" encoding="utf-8"?>
<cn.edu.wtu.imile.LoginLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
>
	<include layout="@layout/app_title"/>
    <TextView 
	    android:text="@string/login_nickname" 
	    android:id="@+id/textView1" 
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
    >
    </TextView>
    <EditText 
	    android:layout_height="wrap_content" 
	    android:id="@+id/login_nickname" 
	    android:layout_width="match_parent"
	    android:singleLine="true"
    >
    </EditText>
    <TextView 
	    android:text="@string/login_password" 
	    android:id="@+id/textView2" 
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
    >
    </TextView>
    <EditText 
	    android:layout_height="wrap_content" 
	    android:id="@+id/login_password" 
	    android:layout_width="match_parent"
	    android:singleLine="true"
    >
    </EditText>
    <Button 
	    android:text="@string/login_login" 
	    android:id="@+id/btn_login" 
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
    />
    <Button 
	    android:layout_height="wrap_content" 
	    android:layout_width="wrap_content" 
	    android:id="@+id/btn_register" 
	    android:text="@string/login_register"
    >
    </Button>
</cn.edu.wtu.imile.LoginLayout>
注册layout： 

<?xml version="1.0" encoding="utf-8"?>
<cn.edu.wtu.imile.RegisterLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
>
	<include layout="@layout/app_title"/>
    <TextView 
	    android:text="@string/login_nickname" 
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
    >
    </TextView>
    <EditText 
	    android:layout_height="wrap_content" 
	    android:id="@+id/reg_nickname" 
	    android:layout_width="wrap_content"
	    android:singleLine="true"
    >
    </EditText>
    <TextView 
	    android:text="@string/login_password" 
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
    >
    </TextView>
    <EditText 
	    android:layout_height="wrap_content" 
	    android:id="@+id/reg_password" 
	    android:layout_width="wrap_content"
	    android:singleLine="true"
    >
    </EditText>
    <TextView 
	    android:text="@string/login_email" 
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
    >
    </TextView>
    <EditText 
	    android:layout_height="wrap_content" 
	    android:id="@+id/reg_email" 
	    android:layout_width="wrap_content"
	    android:singleLine="true"
    >
    </EditText>
    
    <Button
    	android:id="@+id/btn_enter"
    	android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	android:text="@string/login_register"
    />
</cn.edu.wtu.imile.RegisterLayout>

程序title： 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="horizontal"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
>
    <TextView
    	android:layout_width="fill_parent"
    	android:layout_height="wrap_content"
    	android:text="@string/app_name"
    />
</LinearLayout>

好友layout： 

<?xml version="1.0" encoding="utf-8"?>
<cn.edu.wtu.imile.BuddyLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
>
    <TextView
    	android:text="好友列表"
    	android:layout_width="fill_parent"
    	android:layout_height="wrap_content"
    />
</cn.edu.wtu.imile.BuddyLayout>

会话列表： 

<?xml version="1.0" encoding="utf-8"?>
<cn.edu.wtu.imile.SessionLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
>
    <TextView
    	android:text="会话列表"
    	android:layout_width="fill_parent"
    	android:layout_height="wrap_content"
    />
</cn.edu.wtu.imile.SessionLayout>

找朋友页面： 

<?xml version="1.0" encoding="utf-8"?>
<cn.edu.wtu.imile.SearchLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
>
    <TextView
    	android:text="找朋友列表"
    	android:layout_width="fill_parent"
    	android:layout_height="wrap_content"
    />
</cn.edu.wtu.imile.SearchLayout>

聊天室页面： 

<?xml version="1.0" encoding="utf-8"?>
<cn.edu.wtu.imile.ChatroomLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
>
    <TextView
    	android:text="聊天室列表"
    	android:layout_width="fill_parent"
    	android:layout_height="wrap_content"
    />
</cn.edu.wtu.imile.ChatroomLayout>

初始activity：包含两个layout，一个登陆，一个注册： 

package cn.edu.wtu.imile;

import android.app.Activity;
import android.app.AlertDialog;
import android.app.Dialog;
import android.content.DialogInterface;
import android.content.DialogInterface.OnCancelListener;
import android.os.Bundle;
import android.util.Log;
import android.view.KeyEvent;
import android.widget.ViewFlipper;
import cn.edu.wtu.imile.ui.ImileLayout;
import cn.edu.wtu.imile.utils.Constants;
import cn.wtu.edu.imile.R;

public class ImileActivity extends Activity {
    /** Called when the activity is first created. */
	private static final String TAG = "ImileActivity";
	private static final int LOGIN = 0;
	public static final int REGISTER = 1;
	private ViewFlipper mFlipper;
//	private ImileLayout mCurrentLayout;
	public static int mCurrentId = LOGIN;
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.init);
        mFlipper = (ViewFlipper)findViewById(R.id.init_flipper);
//        mCurrentLayout = (ImileLayout) mFlipper.getChildAt(mCurrentId);
        for(int i =0; i< mFlipper.getChildCount(); i++){
        	
        	ImileLayout layout = (ImileLayout) mFlipper.getChildAt(i);
        	layout.onCreate(this);
        }
    }


	@Override
	public boolean onKeyDown(int keyCode, KeyEvent event) {
		
		if(keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0){
			Log.d(TAG, "**");
			if(mCurrentId == LOGIN){
				
				showDialog(Constants.DIALOG_EXIT);
			}else if(mCurrentId == REGISTER){
				
				mCurrentId = LOGIN;
				mFlipper.setDisplayedChild(mCurrentId);
				return false;
			}
		}
		return super.onKeyDown(keyCode, event);
	}


	@Override
	protected Dialog onCreateDialog(int id) {
		
		super.onCreateDialog(id);
		switch(id){
		case Constants.DIALOG_EXIT:
			return new AlertDialog
					.Builder(this)
					.setTitle(R.string.login_exit_title)
					.setMessage(getString(R.string.login_exit_msg))
					.setPositiveButton(R.string.dialog_btn_ok, new DialogInterface.OnClickListener() {
				
				@Override
				public void onClick(DialogInterface dialog, int which) {
					
					ImileActivity.this.finish();
					android.os.Process.killProcess(android.os.Process.myPid());
					System.exit(0);
				}
			})
			.setNegativeButton(R.string.dialog_btn_exit, new DialogInterface.OnClickListener() {
				
				@Override
				public void onClick(DialogInterface dialog, int which) {
					
					
				}
			})
			.setOnCancelListener(new OnCancelListener() {
				
				@Override
				public void onCancel(DialogInterface dialog) {
					
					
				}
			})
			.create();
		}
		return null;
	}
    
}

登陆layout，注册layout： 

package cn.edu.wtu.imile;

import android.app.Dialog;
import android.content.Context;
import android.content.Intent;
import android.util.AttributeSet;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast;
import android.widget.ViewFlipper;
import cn.edu.wtu.imile.ui.ImileLayout;
import cn.wtu.edu.imile.R;

public class LoginLayout extends ImileLayout implements OnClickListener{

	private static final String TAG = "LoginLayout";
	private Context mCtx;
	private Button mBtnLogin;
	private Button mBtnRegister;
	
	public LoginLayout(Context context, AttributeSet attrs) {
		
		super(context, attrs);
	}

	@Override
	public void onCreate(Context ctx) {

		super.onCreate(ctx);
		mCtx = ctx;
		mBtnLogin = (Button)findViewById(R.id.btn_login);
		mBtnRegister= (Button)findViewById(R.id.btn_register);
		mBtnLogin.setOnClickListener(this);
		mBtnRegister.setOnClickListener(this);
		
	}

	@Override
	public void onClick(View v) {
		
		switch(v.getId()){
		
		case R.id.btn_login:
			
			Toast.makeText(mCtx, TAG, Toast.LENGTH_LONG).show();
			Intent intent = new Intent();
			intent.setClass(mCtx, MainActivity.class);
			mCtx.startActivity(intent);
			break;
			
		case R.id.btn_register:
			
			ImileActivity.mCurrentId = 1;
			((ViewFlipper)((ImileActivity)mCtx).findViewById(R.id.init_flipper)).setDisplayedChild(1);
			break;
		}
	}
	
	@Override
	public void onStart() {

		super.onStart();
	}

	@Override
	public void onResume() {

		super.onResume();
	}

	@Override
	public void onPause() {

		super.onPause();
	}

	@Override
	public void onStop() {

		super.onStop();
	}

	@Override
	public void onDestroy() {

		super.onDestroy();
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {

		return super.onCreateOptionsMenu(menu);
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {

		return super.onOptionsItemSelected(item);
	}

	@Override
	public Dialog onCreateDialog(int id) {

		return super.onCreateDialog(id);
	}

	

}


package cn.edu.wtu.imile;

import android.app.Dialog;
import android.content.Context;
import android.content.Intent;
import android.util.AttributeSet;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast;
import cn.edu.wtu.imile.ui.ImileLayout;
import cn.wtu.edu.imile.R;

public class RegisterLayout extends ImileLayout implements OnClickListener{

	private static final String TAG = "RegisterLayout";
	private Button mBtnEnter;
	private Context mCtx;
	
	public RegisterLayout(Context context, AttributeSet attrs) {
		super(context, attrs);
		
	}

	@Override
	public void onCreate(Context ctx) {
		
		super.onCreate(ctx);
		mCtx = ctx;
		mBtnEnter = (Button)findViewById(R.id.btn_enter);
		mBtnEnter.setOnClickListener(this);
	}

	@Override
	public void onClick(View v) {
		
		Toast.makeText(mCtx, TAG, Toast.LENGTH_LONG).show();
		Intent intent = new Intent();
		intent.setClass(mCtx, MainActivity.class);
		mCtx.startActivity(intent);
	}


	@Override
	public void onStart() {
		
		super.onStart();
	}


	@Override
	public void onResume() {
		
		super.onResume();
	}


	@Override
	public void onPause() {
		
		super.onPause();
	}


	@Override
	public void onStop() {
		
		super.onStop();
	}


	@Override
	public void onDestroy() {
		
		super.onDestroy();
	}


	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		
		return super.onCreateOptionsMenu(menu);
	}


	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		
		return super.onOptionsItemSelected(item);
	}


	@Override
	public Dialog onCreateDialog(int id) {
		
		return super.onCreateDialog(id);
	}

	
}

主activity： 

package cn.edu.wtu.imile;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ViewFlipper;
import cn.edu.wtu.imile.ui.ImileTabView;
import cn.edu.wtu.imile.ui.ImileTabView.OnTabClickListener;
import cn.edu.wtu.imile.ui.ImileTabView.TabMember;
import cn.wtu.edu.imile.R;

public class MainActivity extends Activity {

	private static final String TAG = "MainActivity";
	public static final int TAB_BUDDY = 0;
	public static final int TAB_SESSION = 1;
	public static final int TAB_SEARCH = 2;
	public static final int TAB_CHATROOM = 3;
	
	private ViewFlipper mFlipper;
	private ImileTabView mTab;
	
	private int mCurrentId;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		mFlipper = (ViewFlipper) findViewById(R.id.main_flipper);
		mTab = (ImileTabView) findViewById(R.id.Tabs);
		mTab.addTabMember(new TabMember(TAB_BUDDY,  R.drawable.tab1_normal, R.drawable.tab1_over,getString(R.string.tab_buddy)));
		mTab.addTabMember(new TabMember(TAB_SESSION, R.drawable.tab2_normal, R.drawable.tab2_over, getString(R.string.tab_session)));
		mTab.addTabMember(new TabMember(TAB_SEARCH, R.drawable.tab3_normal, R.drawable.tab3_over, getString(R.string.tab_search)));
		mTab.addTabMember(new TabMember(TAB_CHATROOM, R.drawable.tab4_normal, R.drawable.tab4_over, getString(R.string.tab_chatroom)));
		mTab.setOnTabClickListener(new OnTabClickListener() {
			
			@Override
			public void onTabClick(int tabId) {
				
				mCurrentId = tabId;
				mFlipper.setDisplayedChild(tabId);
				
			}
		});
	}

}

好友，会话，找朋友，聊天室页面： 

package cn.edu.wtu.imile;

import android.app.Dialog;
import android.content.Context;
import android.util.AttributeSet;
import android.view.Menu;
import android.view.MenuItem;
import cn.edu.wtu.imile.ui.ImileLayout;

public class BuddyLayout extends ImileLayout {

	public BuddyLayout(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	@Override
	public void onCreate(Context ctx) {
		
		super.onCreate(ctx);
	}

	@Override
	public void onStart() {
		
		super.onStart();
	}

	@Override
	public void onResume() {
		
		super.onResume();
	}

	@Override
	public void onPause() {
		
		super.onPause();
	}

	@Override
	public void onStop() {
		
		super.onStop();
	}

	@Override
	public void onDestroy() {
		
		super.onDestroy();
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		
		return super.onCreateOptionsMenu(menu);
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		
		return super.onOptionsItemSelected(item);
	}

	@Override
	public Dialog onCreateDialog(int id) {
		
		return super.onCreateDialog(id);
	}

}


package cn.edu.wtu.imile;

import android.app.Dialog;
import android.content.Context;
import android.util.AttributeSet;
import android.view.Menu;
import android.view.MenuItem;
import cn.edu.wtu.imile.ui.ImileLayout;

public class SessionLayout extends ImileLayout {

	public SessionLayout(Context context, AttributeSet attrs) {
		
		super(context, attrs);
	}

	@Override
	public void onCreate(Context ctx) {
		
		super.onCreate(ctx);
	}

	@Override
	public void onStart() {
		
		super.onStart();
	}

	@Override
	public void onResume() {
		
		super.onResume();
	}

	@Override
	public void onPause() {
		
		super.onPause();
	}

	@Override
	public void onStop() {
		
		super.onStop();
	}

	@Override
	public void onDestroy() {
		
		super.onDestroy();
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		
		return super.onCreateOptionsMenu(menu);
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		
		return super.onOptionsItemSelected(item);
	}

	@Override
	public Dialog onCreateDialog(int id) {
		
		return super.onCreateDialog(id);
	}

}


package cn.edu.wtu.imile;

import android.app.Dialog;
import android.content.Context;
import android.util.AttributeSet;
import android.view.Menu;
import android.view.MenuItem;
import cn.edu.wtu.imile.ui.ImileLayout;

public class SearchLayout extends ImileLayout {

	public SearchLayout(Context context, AttributeSet attrs) {
		super(context, attrs);
		
	}

	@Override
	public void onCreate(Context ctx) {

		super.onCreate(ctx);
	}

	@Override
	public void onStart() {

		super.onStart();
	}

	@Override
	public void onResume() {

		super.onResume();
	}

	@Override
	public void onPause() {

		super.onPause();
	}

	@Override
	public void onStop() {

		super.onStop();
	}

	@Override
	public void onDestroy() {

		super.onDestroy();
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {

		return super.onCreateOptionsMenu(menu);
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {

		return super.onOptionsItemSelected(item);
	}

	@Override
	public Dialog onCreateDialog(int id) {

		return super.onCreateDialog(id);
	}

}


package cn.edu.wtu.imile;

import android.app.Dialog;
import android.content.Context;
import android.util.AttributeSet;
import android.view.Menu;
import android.view.MenuItem;
import cn.edu.wtu.imile.ui.ImileLayout;

public class ChatroomLayout extends ImileLayout {

	public ChatroomLayout(Context context, AttributeSet attrs) {
		super(context, attrs);
		
	}

	@Override
	public void onCreate(Context ctx) {
		
		super.onCreate(ctx);
	}

	@Override
	public void onStart() {
		
		super.onStart();
	}

	@Override
	public void onResume() {
		
		super.onResume();
	}

	@Override
	public void onPause() {
		
		super.onPause();
	}

	@Override
	public void onStop() {
		
		super.onStop();
	}

	@Override
	public void onDestroy() {
		
		super.onDestroy();
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		
		return super.onCreateOptionsMenu(menu);
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		
		return super.onOptionsItemSelected(item);
	}

	@Override
	public Dialog onCreateDialog(int id) {
		
		return super.onCreateDialog(id);
	}

}


package cn.edu.wtu.imile.ui;

import android.app.Dialog;
import android.content.Context;
import android.util.AttributeSet;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.LinearLayout;

public class ImileLayout extends LinearLayout{

	public ImileLayout(Context context, AttributeSet attrs) {
		
		super(context, attrs);
	}

	public void onCreate(Context ctx){
		
		
	}
	
	public void onStart(){
		
	}
	
	public void onResume(){
		
	}
	
	public void onPause(){
		
	}
	
	public void onStop(){
		
	}
	
	public void onDestroy(){
		
	}
	
	public boolean onCreateOptionsMenu(Menu menu) {
		
		return true;
	}
	
	public boolean onOptionsItemSelected(MenuItem item) {
		
		return true;
	}

	public Dialog onCreateDialog(int id) {
		
		return null;
	}
}


package cn.edu.wtu.imile.ui;

import java.util.ArrayList;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Paint.Align;
import android.graphics.Rect;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.MotionEvent;
import android.widget.ImageView;

public class ImileTabView extends ImageView {

	private static final String TAG = "ImileTabView";
	private Paint mBitmapPaint;
	private Paint mTextPaint;
	private ArrayList<TabMember> mTabMembers;
	private int mActiveTabId;
	private OnTabClickListener mListener;
	private Context mCtx;
	
	public ImileTabView(Context context, AttributeSet attrs) {
		
		super(context, attrs);
		mCtx = context;
		mTabMembers = new ArrayList<TabMember>();
		mBitmapPaint = new Paint();
		mBitmapPaint.setAntiAlias(true);
		mTextPaint = new Paint();
		mTextPaint.setTextAlign(Align.CENTER);
		mTextPaint.setColor(0xffffffff);
		mTextPaint.setTypeface(Typeface.DEFAULT_BOLD);
		mTextPaint.setAntiAlias(true);
		
		DisplayMetrics metrics = new DisplayMetrics();
		((Activity)mCtx).getWindowManager().getDefaultDisplay().getMetrics(metrics);
		float density = metrics.density;
		float txtSize = 16;
		if(density <= 0.75){
			
			txtSize = 10;
		}else if(density == 1.0){
			
			txtSize = 14;
		}else{
			
			txtSize = 20;
		}
		mTextPaint.setTextSize(txtSize);
		mActiveTabId = 0;
	}

	@Override
	protected void onDraw(Canvas canvas) {
		
		super.onDraw(canvas);
		Log.d(TAG, "ImileTabView onDraw...");
		Rect r = new Rect();
		this.getDrawingRect(r);
		int singleTabWidth = r.right/(mTabMembers.size()!= 0 ? mTabMembers.size() : 1);
		Bitmap icon = null, iconSelected = null;
		
		for(int i=0; i<mTabMembers.size(); i++){
			
			TabMember tab = mTabMembers.get(i);
			icon = BitmapFactory.decodeResource(getResources(), tab.getIconId());
			iconSelected = BitmapFactory.decodeResource(getResources(), tab.getIconSelectedId());
			if(mActiveTabId == i){
				
				int tabX = singleTabWidth*i+(singleTabWidth/2 - iconSelected.getWidth()/2);
				canvas.drawBitmap(iconSelected, tabX, r.top+5, null);
				mTextPaint.setColor(0xffffffff);
				canvas.drawText(tab.getText(), singleTabWidth*i+singleTabWidth/2, r.bottom-8, mTextPaint);
			}else{
				
				int tabX = singleTabWidth*i + (singleTabWidth/2 - icon.getWidth()/2);
				canvas.drawBitmap(icon, tabX, r.top+5, null);
				mTextPaint.setColor(0xffa5b5ce);
				canvas.drawText(tab.getText(), singleTabWidth*i + singleTabWidth/2, r.bottom-8, mTextPaint);
			}
			icon.recycle();
			iconSelected.recycle();
		}
		
		
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		
		Rect r = new Rect();
		this.getDrawingRect(r);
		float singleTabWidth = r.right /(mTabMembers.size() != 0 ? mTabMembers.size() : 1);
		int tabId = (int) (event.getX()/singleTabWidth - (event.getX()/singleTabWidth)%1);
		mActiveTabId = tabId;
		if(mListener != null){
			
			mListener.onTabClick(mTabMembers.get(tabId).getId());
		}
		return super.onTouchEvent(event);
	}

	public void addTabMember(TabMember tab){
		
		mTabMembers.add(tab);
	}
	
	public void setTabMember(int index, TabMember tab){
		
		mTabMembers.add(index, tab);
	}
	
	public void setOnTabClickListener(OnTabClickListener onTabClickListener){
		
		mListener = onTabClickListener;
	}
	
	public static class TabMember{
		
		private int id;
		private int iconId;
		private int iconSelectedId;
		private String text;
		
		public TabMember(int id, int iconId, int iconSelectedId, String text){
			
			this.id = id;
			this.iconId = iconId;
			this.iconSelectedId = iconSelectedId;
			this.text = text;
		}

		public int getId() {
			return id;
		}

		public void setId(int id) {
			this.id = id;
		}

		public int getIconId() {
			return iconId;
		}

		public void setIconId(int iconId) {
			this.iconId = iconId;
		}

		public int getIconSelectedId() {
			return iconSelectedId;
		}

		public void setIconSelectedId(int iconSelectedId) {
			this.iconSelectedId = iconSelectedId;
		}

		public String getText() {
			return text;
		}

		public void setText(String text) {
			this.text = text;
		}
	}
	
	public interface OnTabClickListener{
		
		public void onTabClick(int tabId);
	}
}


package cn.edu.wtu.imile.utils;

public class Constants {

	public static final int DIALOG_EXIT = 0x1001;
	
}

风格，去掉title，自定义title： 

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="Theme" parent="android:Theme">
    	<item name="android:windowNoTitle">true</item>
    </style>
</resources>
工程图：

所使用图片

fuuckwtu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android仿IOS tabview效果
01-05
android仿IOS tabview效果
ANDROID仿IOS TABVIEW ITEM悬停效果布局
10-16
本Demo实现了仿IOS的TabView的顶部悬停布局、但是实现的原理不是用的Android的ListView、也不是用的Android中ExpandableListView、是用的LinearLayout嵌入的方式实现的、且支持多个、效果还是不错的
android 仿ios tabs,React Native兼容iOS Android的TabBar
weixin_29710403的博客
05-28 86
tabbar最近着手开发的一个兼容iOS、Android的TabBar。还在不断开发中。欢迎fork，欢迎star。 :p自己捣鼓了个E文的readme，没啥难度凑合可看。react-native-tabsReact Native platform-independent tabs. Originally forked form https://github.com/aksonov/react-n...
android 仿ios tabs,关注Ionic底部导航按钮tabs在android情况下浮在上面的处理
weixin_31893893的博客
05-28 208
Ionic是一款流行的移动端开发框架，但是刚入门的同学会发现，Ionic在iOS和Android的底部tabs显示不一样。在安卓情况下底部tabs会浮上去。如下图展示：网上也有很多此类的解决方案，但是我觉得说一千道一万都不如给个dome实在，下面附上解决方案的dome，大家可以看看！主页内容区第二页第二页第三页第三页config.jsangular.module("ezApp",["ionic"]...
android 类似google Play Tab
jwzhangjie的专栏
05-27 4288
最近要实现类似Google Play Tab效果，下面搜集一些问题，大家先看看问题以及回答 1、Android - Google Play like tabs 2、ActionBar and ActionBar.Tab and Navigation Drawer android 3、PagerSlidingTabStrip 4、https://github.com/Balaji-K
Android代码-仿iphone底部TAB标签
08-06
Android tabs at bottom! This repository contains sample of setting android TabLayout at bottom and showing Fragment embedded in ViewPager. The magic happens very simply. You need to arrange them ...
仿iphone风格的tab控件
03-29
在Android开发中，为了提供与iOS应用相似的用户体验，开发者经常需要实现仿iPhone风格的Tab控件。这个项目就是这样一个尝试，它展示了如何在Android应用中创建与iPhone类似的Tab导航功能。下面我们将深入探讨实现这...
在android编程中做成仿iphone的tab效果.doc
07-08
完成以上步骤后，你将拥有一个基本的仿iPhone Tab效果的Android组件。然而，为了达到更真实的体验，你可能还需要考虑以下几点： - 动态调整Tab的宽度，以适应不同的屏幕尺寸和Tab数量。 - 添加点击反馈，如颜色变化...
Android tab 实现子Activity跳转
12-20
项目中需要实现iphone中tabBar效果， 参考了网上大虾们的例子，实现了tab 中的子Activity跳转，并且带有动画效果；这里没有抽取动画作为参数，也可以定制自己的跳转动画；tab bar 的外观可以自己定制，将自带的tab...
在Android上实现Iphone风格 bottom tab + title bar
01-20
基于android2.2的自定义tab，源代码来自于网上一篇文章，但是那篇文章没有源代码。而且在按照文章的步骤开发时，遇到一些问题。一一解决之后，特意share出来，希望对新手，以及有想自定tab需求的人有帮助。 关于代码...
Android 仿ios 可滑动切换效果按钮 实例代码
03-11
我们经常可以在ios上看到许多炫彩华丽的可拖动切换的Switch 按钮，前几天看了一篇博客写的是仿蘑菇街可滑动切 换的按钮，然后就按着那篇博客作者的思路亲自试验了一次，然后查阅了相关的资料，在这里跟大家分享一下心得， 本文主要说一下具体实现的过程与思路，以及一些重要函数的意思，图像是如何移动的，并附上自己的Demo，给像 我一样的新手一些参考。
简单仿TabLayout实现个性化Tab，让Tab展现多样化
09-25
简单实现了类似网易新闻客户端Tab栏的效果，详细查看博客http://blog.csdn.net/Iamzgx/article/details/52663783
Android 切换图形 类似tablayout 头部
FlyPig_Vip的博客
12-29 293
public class CenterView extends View { private Paint paint; private Path pathLeft; private Path pathRight; public int bot_width = ConvertUtils.dp2px(100); public int height = ConvertUtils.dp2px(80); public int leftColor = R...
android UI进阶之仿iphone的tab效果
weixin_34292959的博客
07-02 206
相信很多人都喜欢iphone 酷炫的界面，虽然android的原生控件已经足够漂亮，但是往往不能满足用户越来越挑剔的眼光。其实，我们完全可以自己来绘制界面。今天我就来分享下做一个和iphone一样的tab界面。下面先来看下iphone上的效果 在开始之前，我们必须掌握最基础的，也就是android中图形界面的绘制。首先讲下简单图形的绘制，这里我们就借绘制这个的背景部分来讲下吧。直接看代码p...
Android实战技术:类iOSTab和Header
稀有猿诉
10-21 5156
1. Key widgets Tab是Android支持的一种UI布局，Android里面的原生应用Music就是用Tab的方式实现的，API中也有封装的比较好的TabActivity，但是在后来的版本中3.0以后的版本它就是Deprecated的了。因为Tab被绑定到ActionBar上面了。但是我们还是可以按照TabActivity的实现方式来自己实现多Tab效果。现在很多应用都有仿制iOS
Android Tab：面板标签控件
jijiangpeng的博客
07-14 1131
在有限的手机屏幕空间内，当要浏览的内容较多，无法在一个屏幕空间内全部显示时，可以使用滚动视图来延长屏幕的空间。 当浏览的内容具有很强的类别性质时，更合适的方法是将不同类别的内容集中到各自的面板中，这时就需要使用面板标签（Tab）组件了。 Tab 组件利用面板标签把不同的面板内容切换到屏幕上，以显示不同类别的内容。 下面通过一个实例来了解一下 Tab 组件的使用方法。在工程 WidgetDemo 的...
重新Adapter 用listView实现Ios tabview效果
a56573016613的专栏
07-08 1202
Ios tabview 主要效果是 组名
html实现类似android的tab切换页面
wolf艺术人生
06-09 1456
前言：初学html，css，js。想做一个类似于android的tab切换的页面，从网上找了好多例子，只不过一旦子页面的div中加上一个div就起不到切换的效果了，所以一急之下，自己 根据隐藏，显示的方法，写了一个类似androidtab切换页面的例子，个人也不清楚这样做合不合理，写此篇文章一个是希望对新手童鞋有个启发，同时也希望知道怎么实现合 理的大大给我留言，让我能学习到更靠谱的方法（我这
android主菜单界面编写,Android tab主界面的一种实现方式
weixin_40001372的博客
05-26 173
使用Fragment+FragmentManage实现tab主界面(不可滑动)优点：简单、易懂代码整洁注意：Fragment的hide和show不走任何的生命周期，hide和show的时候走@Overridepublic void onHiddenChanged(boolean hidden) {super.onHiddenChanged(hidden);if (hidden){//相当于调用了o...
android仿iphone滚轮控件显示效果
08-28
"这篇资源主要介绍了如何在Android平台上实现一个仿iPhone滚轮控件的效果，提供了相关的代码示例和开源项目链接。" 在Android应用开发中，有时候为了保持界面设计的一致性或者满足特定的设计需求，可能需要在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值