安卓Andriod使用入门(二)【高仿安卓微信6.0】

有的人一生默默无闻，有的人一生轰轰烈烈，甚至千古流芳，为什么会这样？因为默默无闻的人只是满足于现状，而不去想怎么轰轰烈烈过一生，不要求自己，去做，去行动，怎么能够成功？

---

wechat6Activity.java的代码:

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) {

        }
    }

---

ChangeColorIconWithText.java代码:

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);
        }

    }
}

TabFragment.java代码:

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;
    }
}

---

activity_wechat6.xml内容:

<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>

---

strings.xml内容:

<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>

---

main.xml内容 :

<?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>

styles.xml内容:

<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>

drawable资源:

运行结果如图:

---