Android学习教程之高仿安卓微信6.0（2）

package siso.geekworld;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.Menu;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.Window;

import java.lang.reflect.Field;
import java.lang.reflect.Method;
import java.util.ArrayList;
import java.util.List;

import viewhelper.ChangeColorIconWithText;
import viewhelper.TabFragment;

public class wechat6Activity extends FragmentActivity implements View.OnClickListener,ViewPager.OnPageChangeListener{

 private ViewPager viewPager;

 private List<Fragment> mTabs = new ArrayList<>();

 private String[] mTitles = new String[]{"First Fragment","Second Fragment","Third Fragment","Fourth Fragment"};

 private FragmentPagerAdapter adapter;

 private List<ChangeColorIconWithText> mTabIndicators = new ArrayList<>();

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_wechat6);
  setOverflowButtonAlways();
  getActionBar().setDisplayShowHomeEnabled(false);

  initView();
  initDatas();
  initEvents();
  viewPager.setAdapter(adapter);
 }

 //初始化所有事件
 private void initEvents() {
  viewPager.addOnPageChangeListener(this);
 }

 //初始化所有数据
 private void initDatas() {

  for(String mtitle:mTitles){
  TabFragment tabFragment = new TabFragment();
  Bundle bundle = new Bundle();
  bundle.putString(TabFragment.TITLE,mtitle);
  tabFragment.setArguments(bundle);
  mTabs.add(tabFragment);
  }

  adapter = new FragmentPagerAdapter(getSupportFragmentManager()) {
  @Override
  public android.support.v4.app.Fragment getItem(int position) {
   return mTabs.get(position);
  }

  @Override
  public int getCount() {
   return mTabs.size();
  }
  };
 }

 //初始化所有view
 private void initView() {

  viewPager = (ViewPager)findViewById(R.id.id_viewpager);
  ChangeColorIconWithText one = (ChangeColorIconWithText)findViewById(R.id.id_indicator_one);
  ChangeColorIconWithText two = (ChangeColorIconWithText)findViewById(R.id.id_indicator_two);
  ChangeColorIconWithText three = (ChangeColorIconWithText)findViewById(R.id.id_indicator_three);
  ChangeColorIconWithText four = (ChangeColorIconWithText)findViewById(R.id.id_indicator_four);
  mTabIndicators.add(one);
  mTabIndicators.add(two);
  mTabIndicators.add(three);
  mTabIndicators.add(four);
  one.setOnClickListener(this);
  two.setOnClickListener(this);
  three.setOnClickListener(this);
  four.setOnClickListener(this);
  one.setIconAlpha(1.0f);
 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }


 //应用反射改变OverflowButton的图标
 private void setOverflowButtonAlways(){
  try {
  ViewConfiguration config = ViewConfiguration.get(this);
  Field menuKey = ViewConfiguration.class.getDeclaredField("sHasPermanentMenuKey");
  menuKey.setAccessible(true);
  menuKey.setBoolean(config, false);
  } catch (Exception e) {
  e.printStackTrace();
  }
 }


 //设置menu显示icon
 @Override
 public boolean onMenuOpened(int featureId, Menu menu) {
  if(featureId== Window.FEATURE_ACTION_BAR&&menu!=null){
  if(menu.getClass().getSimpleName().equals("MenuBuilder")){
   try {
   Method method = menu.getClass().getDeclaredMethod("setOptionalIconsVisible", Boolean.TYPE);
   method.setAccessible(true);
   method.invoke(menu,true);
   } catch (Exception e) {
   e.printStackTrace();
   }
  }
  }

  return super.onMenuOpened(featureId, menu);
 }

 @Override
 public void onClick(View v) {
  resetOtherTabs();
  switch (v.getId()){
  case R.id.id_indicator_one:
   mTabIndicators.get(0).setIconAlpha(1.0f);
   viewPager.setCurrentItem(0,false);
   break;
  case R.id.id_indicator_two:
   mTabIndicators.get(1).setIconAlpha(1.0f);
   viewPager.setCurrentItem(1, false);
   break;
  case R .id.id_indicator_three:
   mTabIndicators.get(2).setIconAlpha(1.0f);
   viewPager.setCurrentItem(2, false);
   break;
  case R.id.id_indicator_four:
   mTabIndicators.get(3).setIconAlpha(1.0f);
   viewPager.setCurrentItem(3, false);
   break;
  }
 }

 private void resetOtherTabs() {
  for(int i=0;i<mTabIndicators.size();i++){
  mTabIndicators.get(i).setIconAlpha(0);
  }
 }

 @Override
 public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
  if(positionOffset>0){
  ChangeColorIconWithText left = mTabIndicators.get(position);
  ChangeColorIconWithText right = mTabIndicators.get(position+1);
  left.setIconAlpha(1-positionOffset);
  right.setIconAlpha(positionOffset);
  }
 }

 @Override
 public void onPageSelected(int position) {

 }

 @Override
 public void onPageScrollStateChanged(int state) {

 }
 }

package viewhelper;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.os.Looper;
import android.os.Parcelable;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.View;

import siso.geekworld.R;


public class ChangeColorIconWithText extends View {

 private int mColor = 0xFF45C01A;
 private String mText = "微信";
 private Bitmap mIconBitmap;
 private int mTextSize = (int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,12,
  getResources().getDisplayMetrics());

 private Canvas mCanvas;
 private Bitmap mBitmap;
 private Paint mPaint;
 //透明度0.0~1.0
 private float mAlpha ;
 private Rect mIconRect;
 private Rect mTextBound;

 private Paint mTextPaint;

 private static final String INSTANCE_STATUS = "instance_status";
 private static final String INSTANCE_ALPHA = "instance_alpha";

 public ChangeColorIconWithText(Context context) {
 this(context, null);
 }

 public ChangeColorIconWithText(Context context, AttributeSet attrs) {
 this(context, attrs, 0);
 }


 /**
 * 获取自定义属性的值
 * @param context
 * @param attrs
 * @param defStyleAttr
 */
 public ChangeColorIconWithText(Context context, AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);

 TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.ChangeColorIconWithText);

 int n = a.getIndexCount();

 for(int i=0;i<n;i++){
  int attr = a.getIndex(i);
  switch (attr){
  case R.styleable.ChangeColorIconWithText_micon:
   BitmapDrawable drawable =(BitmapDrawable)a.getDrawable(attr);
   mIconBitmap = drawable.getBitmap();
   break;

  case R.styleable.ChangeColorIconWithText_mcolor:
   mColor = a.getColor(attr,0xFF45C01A);
   break;

  case R.styleable.ChangeColorIconWithText_text:
   mText = a.getString(attr);
   break;

  case R.styleable.ChangeColorIconWithText_text_size:
   mTextSize = (int)a.getDimension(attr,TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,12,
    getResources().getDisplayMetrics()));
   break;

  }
 }
 a.recycle();

 mTextBound = new Rect();
 mTextPaint = new Paint();
 mTextPaint.setTextSize(mTextSize);
 mTextPaint.setColor(0Xff555555);

 mTextPaint.getTextBounds(mText, 0, mText.length(), mTextBound);
 }



 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 int iconWidth = Math.min(getMeasuredWidth() - getPaddingLeft() - getPaddingRight(),
  getMeasuredHeight() - getPaddingTop() - getPaddingBottom() - mTextBound.height());

 int left = getMeasuredWidth()/2 - iconWidth/2;
 int top = getMeasuredHeight()/2-(mTextBound.height()+iconWidth)/2;

 mIconRect = new Rect(left,top,left+iconWidth,top+iconWidth);

 }

 @Override
 protected void onDraw(Canvas canvas) {
 canvas.drawBitmap(mIconBitmap, null, mIconRect, null);
 int alpha = (int)Math.ceil(255*mAlpha);
 //内存准备Bitmap,setAlpha,纯色,xfermode,图标
 setUpTargetBitmap(alpha);

 //1.绘制原文本 2.绘制变色的文本
 drawSourceText(canvas,alpha);
 drawTargetText(canvas,alpha);

 canvas.drawBitmap(mBitmap, 0, 0, null);

 }


 //绘制变色的文本
 private void drawTargetText(Canvas canvas, int alpha) {
 mTextPaint.setColor(mColor);
 mTextPaint.setAlpha(alpha);
 int x = mIconRect.left+mIconRect.width()/2-mTextBound.width()/2;
 int y = mIconRect.bottom+mTextBound.height();
 canvas.drawText(mText, x, y, mTextPaint);

 }


 //绘制原文本
 private void drawSourceText(Canvas canvas, int alpha) {
 mTextPaint.setColor(0xff333333);
 mTextPaint.setAlpha(255-alpha);
 int x = mIconRect.left+mIconRect.width()/2-mTextBound.width()/2;
 int y = mIconRect.bottom+mTextBound.height();
 canvas.drawText(mText, x, y, mTextPaint);
 }


 //在内存中绘制可变色的Icon
 private void setUpTargetBitmap(int alpha) {
 mBitmap = Bitmap.createBitmap(getMeasuredWidth(),getMeasuredHeight(), Bitmap.Config.ARGB_8888);
 mCanvas = new Canvas(mBitmap);
 mPaint = new Paint();
 mPaint.setColor(mColor);
 //抗锯齿
 mPaint.setAntiAlias(true);
 //抖动处理
 mPaint.setDither(true);
 mPaint.setAlpha(alpha);
 mCanvas.drawRect(mIconRect, mPaint);
 mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
 mPaint.setAlpha(255);
 mCanvas.drawBitmap(mIconBitmap, null, mIconRect, mPaint);
 }

 public void setIconAlpha(float alpha){
 this.mAlpha = alpha;
 //重绘
 invalidateView();
 }

 private void invalidateView(){
 if(Looper.getMainLooper()==Looper.myLooper()){
  //是UI线程
  invalidate();
 }else{
  postInvalidate();
 }
 }

 @Override
 protected Parcelable onSaveInstanceState() {
 Bundle bundle = new Bundle();
 bundle.putParcelable(INSTANCE_STATUS,super.onSaveInstanceState());
 bundle.putFloat(INSTANCE_ALPHA,mAlpha);
 return bundle;
 }

 @Override
 protected void onRestoreInstanceState(Parcelable state) {
 if(state instanceof Bundle){
  Bundle bundle = (Bundle)state;
  mAlpha = bundle.getFloat(INSTANCE_ALPHA);
  super.onRestoreInstanceState(bundle.getParcelable(INSTANCE_STATUS));
 }else{
  super.onRestoreInstanceState(state);
 }

 }
}

package viewhelper;

import android.graphics.Color;
import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class TabFragment extends android.support.v4.app.Fragment {

 private String mTitle = "DEFAULT";

 public static final String TITLE = "title";

 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

 if(getArguments()!=null){
  mTitle = getArguments().getString(TITLE);
 }

 TextView tv = new TextView(getActivity());
 tv.setText(mTitle);
 tv.setTextSize(20);
 tv.setGravity(Gravity.CENTER);
 tv.setBackgroundColor(Color.parseColor("#ffffffff"));
 return tv;
 }
}

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:hymen="http://schemas.android.com/apk/res-auto"
 android:orientation="vertical"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 >

 <android.support.v4.view.ViewPager
 android:id="@+id/id_viewpager"
 android:layout_width="match_parent"
 android:layout_height="0dp"
 android:layout_weight="1">

 </android.support.v4.view.ViewPager>


 <LinearLayout
 android:orientation="horizontal"
 android:background="@drawable/tab_bg"
 android:layout_width="match_parent"
 android:layout_height="60dp">

 <viewhelper.ChangeColorIconWithText
  android:id="@+id/id_indicator_one"
  android:layout_width="0dp"
  android:layout_height="match_parent"
  android:layout_weight="1"
  android:padding="5dp"
  hymen:micon="@drawable/ic_menu_start_conversation"
  hymen:mcolor="#ff45c01a"
  hymen:text_size="12sp"
  hymen:text="@string/app_name"
  />


 <viewhelper.ChangeColorIconWithText
  android:id="@+id/id_indicator_two"
  android:layout_width="0dp"
  android:layout_height="match_parent"
  android:layout_weight="1"
  android:padding="5dp"
  hymen:micon="@drawable/ic_menu_friendslist"
  hymen:mcolor="#ff45c01a"
  hymen:text_size="12sp"
  hymen:text="@string/tab_contact"
  />


 <viewhelper.ChangeColorIconWithText
  android:id="@+id/id_indicator_three"
  android:layout_width="0dp"
  android:layout_height="match_parent"
  android:layout_weight="1"
  android:padding="5dp"
  hymen:mcolor="#ff45c01a"
  hymen:micon="@drawable/ic_menu_emoticons"
  hymen:text="@string/tab_found"
  hymen:text_size="12sp" />


 <viewhelper.ChangeColorIconWithText
  android:id="@+id/id_indicator_four"
  android:layout_width="0dp"
  android:layout_height="match_parent"
  android:layout_weight="1"
  android:padding="5dp"
  hymen:mcolor="#ff45c01a"
  hymen:micon="@drawable/ic_menu_allfriends"
  hymen:text="@string/tab_me"
  hymen:text_size="12sp" />

 </LinearLayout>
</LinearLayout>

<resources>
 <string name="app_name">微信</string>
 <string name="action_search">查找</string>
 <string name="action_add">添加</string>
 <string name="menu_group_chat">发起群聊</string>
 <string name="menu_feedback">意见反馈</string>
 <string name="menu_addfriend">添加朋友</string>
 <string name="menu_scan">扫一扫</string>
 <string name="tab_contact">通讯录</string>
 <string name="tab_found">发现</string>
 <string name="tab_me">我</string>

</resources>

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
 >

 <item
 android:id="@+id/action_search"
 android:icon="@drawable/actionbar_search_icon"
 android:actionViewClass="android.widget.SearchView"
 android:showAsAction="ifRoom|collapseActionView"
 android:title="@string/action_search"/>

 <item
 android:id="@+id/action_group_chat"
 android:icon="@drawable/menu_group_chat_icon"
 android:title="@string/menu_group_chat"/>

 <item
 android:id="@+id/action_add_friend"
 android:icon="@drawable/menu_add_icon"
 android:title="@string/menu_addfriend"/>

 <item
 android:id="@+id/action_scan"
 android:icon="@drawable/men_scan_icon"
 android:title="@string/menu_scan"/>

 <item
 android:id="@+id/action_feedback"
 android:icon="@drawable/menu_feedback_icon"
 android:title="@string/menu_feedback"/>
</menu>

<resources>

 <!-- Base application theme. -->

 <style name="AppBaseTheme" parent="Theme.AppCompat.Light">
 <!-- Customize your theme here. -->
 <item name="colorPrimary">@color/colorPrimary</item>
 <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
 <item name="colorAccent">@color/colorAccent</item>
 <item name="android:actionOverflowButtonStyle">@style/WeiXinOverflowButtonStyle</item>
 </style>
 <style name="WeiXinOverflowButtonStyle">
 <item name="android:src">@drawable/actionbar_add_icon</item>
 </style>

 <!-- Application theme. -->
 <style name="AppTheme" parent="android:Theme.Holo.Light.DarkActionBar">
 <!-- <style name="AppTheme" parent="AppBaseTheme">-->
 <!-- All customizations that are NOT specific to a particular API-level can go here. -->
 </style>
</resources>