2. 程式人生 > >高仿QQ的個性名片

高仿QQ的個性名片

阿新 • • 發佈：2019-01-24

效果圖

周圍的氣泡佈局，因為佈局RatioLayout是繼承自ViewGroup，所以佈局layout就可以根據自己的需求來佈局其子view，view.layout(int l,int t,int r,int b);用於佈局子view在父ViewGroup中的位置（相對於父容器），所以在RatioLayout中計算所有子view的left，top，right，bottom。那麼頭像的周圍的氣泡view是如何計算它的left，top，right，bottom的呢，這些氣泡view是坐落在頭像外圍的圓環上，只要知道這個圓環的半徑，然後再根據氣泡的個數，計算每個氣泡之間的角度，半徑加角度就可以計算每個氣泡坐落的位置。

/**
     * 計算氣泡的佈局位置
     * @param textViews
     */
    private void calculateRatioFrame(List<BubbleView> textViews){
        if(textViews.size() == 0) return;
        mRatioFrameList.clear();

        double angle = 0;//記錄每個氣泡的角度，正上方的為0°
        double grad = Math.PI * 2 / textViews.size();//梯度，每個TextView之間的角度 (Math.PI 是數學中的90°)
        double rightAngle = Math.PI / 2;//一圈為360°，一共四個方向，每個方向90°，我們按照小於等於90°來計算，然後再放到相應的方向上

	//cx,cy是容器的中心點，也是圓形頭像的中心點，計算氣泡的位置就是已cx,cy為基準來計算的
        int cx = mWidth / 2;//容器中心x座標
        int cy = mHeight / 2;//容器中心y座標

        int radius = mMinSize / 2 / 2 / 2 + mMinSize / 2 / 2 ;//動態氣泡的組成圓的半徑

        int left = 0;
        int top = 0;
        int right = 0;
        int bottom = 0;
        int a = 0,b = 0;//a是基於cx的偏移量，b是基於cy的偏移量，
        //int r = mMinSize / 6 / 2;//氣泡半徑
        for (int i = 0; i < textViews.size(); i++) {
            int r = textViews.get(i).getMeasuredWidth() / 2;//計算得來//固定死的mMinSize / 6 / 2;//氣泡半徑
            if(angle >= 0 && angle < rightAngle){  //0 - 90度是計算偏移量
                //保持角度在 0 - 90
                a = (int)(radius * Math.sin(Math.abs(angle % rightAngle)));
                b = (int)(radius * Math.cos(Math.abs(angle % rightAngle)));

                left = cx + a - r;//cx + a為氣泡的中心點，要想得到left，還需減去半徑r
                top = cy - b - r;
                right = left + 2 * r;
                bottom = top + 2 * r;


            }else if(angle >= rightAngle && angle < rightAngle * 2){ // 90 - 180
                a = (int)(radius * Math.sin(Math.abs(angle % rightAngle)));
                b = (int)(radius * Math.cos(Math.abs(angle % rightAngle)));
                left = cx + b - r;
                top = cy + a - r;
                right = left + 2 * r;
                bottom = top + 2 * r;


            }else if(angle >= rightAngle * 2 && angle < rightAngle * 3){ // 180 - 270
                a = (int)(radius * Math.sin(Math.abs(angle % rightAngle)));
                b = (int)(radius * Math.cos(Math.abs(angle % rightAngle)));
                left = cx - a - r;
                top = cy + b - r;
                right = left + 2 * r;
                bottom = top + 2 * r;

            }else if(angle >= rightAngle * 3 && angle < rightAngle * 4){ //270 - 360
                a = (int)(radius * Math.sin(Math.abs(angle % rightAngle)));
                b = (int)(radius * Math.cos(Math.abs(angle % rightAngle)));
                left = cx - b - r;
                top = cy - a - r;
                right = left + 2 * r;
                bottom = top + 2 * r;

            }

	   //將計算好的left,  top, right,bottom,angle儲存起來
            mRatioFrameList.add(new RatioFrame(left,  top, right,bottom,angle));
            //角度再加一個梯度值
            angle += grad;

        }
    }

計算好氣泡的佈局left,  top, right,bottom，下面就開始佈局這起氣泡，佈局中的程式碼就簡單的多了 
@Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        if(mImageView == null) return;

        int width = mImageView.getMeasuredWidth();//計算圓形頭像的寬
        int height = mImageView.getMeasuredHeight();//計算圓形頭像的高
	//計算圓形頭像的left,  top, right,bottom
        int left = mWidth / 2 - width / 2;
        int top = mHeight / 2 - height / 2;
        int right = mWidth / 2 + width / 2;
        int bottom = mHeight / 2 + height / 2;
	//開始佈局
        mImageView.layout(left,top,right,bottom);
	//佈局愛心動畫
        for (int i = 0; i < mLoveXinList.size(); i++) {
            ImageView imageView = mLoveXinList.get(i);
            left = mWidth / 2 + width / 4 - imageView.getMeasuredWidth() / 2;
            bottom = mHeight / 2 + height / 3;
            top = bottom - imageView.getMeasuredHeight();
            right = left + imageView.getMeasuredWidth();

            imageView.layout(left,top,right,bottom);
        }

	//佈局所有氣泡
        for (int i = 0; i < mTextViews.size(); i++) {

            TextView textView = mTextViews.get(i);

            //RatioFrame ratioFrame = mRatioFrameList.get(i);//無動畫時使用
	    //有動畫的時候，執行期間left,  top, right,bottom都在變
            if(mCurrentRatioFrameList != null){
		//ValueAnimator執行動畫是所產生的所有氣泡left,  top, right,bottom
                RatioFrame ratioFrame = mCurrentRatioFrameList.get(i);
                textView.layout(ratioFrame.mLeft,ratioFrame.mTop,ratioFrame.mRight,ratioFrame.mBottom);
            }

        }

    }

好了，靜態的氣泡排版到這裡就好了，下面的問題是，展開時如何使氣泡從中心點，以弧形的路徑展開，並且氣泡的大小也是由小到大變化。這裡就用到的動畫類ValueAnimator和ScaleAnimation,詳解請參考：http://blog.csdn.net/cj_286/article/details/53020725

向外展開的效果我們可以使用view.layout()不斷的重新佈局氣泡view，讓其產生一個平移的效果，下面的一個問題就是如何計算平移軌道上面的left,  top, right,bottom,然後重新請求佈局就可以了，那麼下面就解決如何計算這個軌跡，分析


弧形軌跡計算，其實就是在直線軌跡的基礎上加上偏移量（moveX和moveY），就形成了弧形軌跡，直線軌跡很好計算，關鍵的就是這個偏移量，因為在首位的偏移量小，而在中間的偏移量大，且在不同的方向上，moveX和moveY的值的正負也不一樣。偏移的距離因為是由小到大再由大到小，所以我們用二次函式（ -2 * Math.pow(fraction,2) + 2 * fraction）來計算距離，用此二次函式得到的值乘以一個設定的最大值，這個最大值的就會是由小到大再由大到小的變化，然後再用不同的角度來計算它的正負

if(endRatioFrame.mAngle >0 && endRatioFrame.mAngle <= rightAngle){//(0 < angle <= 90)上移，左移
                moveX = (int)(temp * Math.abs(Math.cos(endRatioFrame.mAngle)));//上移就應該在原本的軌跡上減去moveX
                moveY = (int)(temp * Math.abs(Math.sin(endRatioFrame.mAngle)));
            }else if(endRatioFrame.mAngle > rightAngle && endRatioFrame.mAngle <= rightAngle * 2){//(90 < angle <= 180)右移，上移
                moveX = (int)(-temp * Math.abs(Math.cos(endRatioFrame.mAngle)));
                moveY = (int)(temp * Math.abs(Math.sin(endRatioFrame.mAngle)));
            }else if(endRatioFrame.mAngle > rightAngle * 2 && endRatioFrame.mAngle <= rightAngle * 3){//(180 < angle <= 2700)下移，右移
                moveX = (int)(-temp * Math.abs(Math.cos(endRatioFrame.mAngle)));
                 moveY = (int)(-temp * Math.abs(Math.sin(endRatioFrame.mAngle)));
            }else if(endRatioFrame.mAngle > rightAngle * 3 && endRatioFrame.mAngle <= rightAngle * 4 || endRatioFrame.mAngle == 0){//(270 < angle <= 360 或者 angle == 0) 左移，下移
                 moveX = (int)(temp * Math.abs(Math.cos(endRatioFrame.mAngle)));
                moveY = (int)(-temp * Math.abs(Math.sin(endRatioFrame.mAngle)));
            }

根據三角函式的變化值，上面的程式碼可以簡化為 
moveX = (int)(temp * Math.cos(endRatioFrame.mAngle));
moveY = (int)(temp * Math.sin(endRatioFrame.mAngle));

通過上面的計算公式邏輯，就可以得到氣泡展開時的型別估算器的實現類，退出氣泡就將邏輯反一下就可以了 
package com.cj.dynamicavatarview.ratio;

import android.animation.TypeEvaluator;
import android.content.Context;
import android.util.TypedValue;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by chenj on 2016/10/19.
 */
public class EnterRatioFrameEvaluator implements TypeEvaluator {

    public static final int OFFSET_DISTANCE = 80;

    private Context mContext;

    private int mOffsetDistance;

    public EnterRatioFrameEvaluator(Context context){
        this.mContext = context;
        mOffsetDistance = (int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,OFFSET_DISTANCE,mContext.getResources().getDisplayMetrics());
    }


    @Override
    public Object evaluate(float fraction, Object startValue, Object endValue) {
        List<RatioFrame> startRatioFrameList = (List<RatioFrame>) startValue;//開始值
        List<RatioFrame> endRatioFrameList = (List<RatioFrame>) endValue;//結束值
        List<RatioFrame> ratioFrameList = new ArrayList<>();//產生的新值

        for (int i = 0; i < endRatioFrameList.size(); i++) {
            RatioFrame endRatioFrame = endRatioFrameList.get(i);
            RatioFrame startRatioFrame = startRatioFrameList.get(i);
            //計算left,top,right,bottom

            double t = ( -2 * Math.pow(fraction,2) + 2 * fraction);//傾斜變化率

            int temp = (int)((mOffsetDistance) * t);
            double rightAngle = Math.PI / 2;

            int moveX = 0,moveY = 0;
            //讓氣泡上、下、左、右平移，形成弧度的平移路線
            moveX = (int)(temp * Math.cos(endRatioFrame.mAngle));
            moveY = (int)(temp * Math.sin(endRatioFrame.mAngle));
	    //重新得到left ，top,right,bottom
            int left = (int)(startRatioFrame.mLeft + ((endRatioFrame.mLeft - startRatioFrame.mLeft) * fraction) - moveX);
            int top = (int)(startRatioFrame.mTop + ((endRatioFrame.mTop - startRatioFrame.mTop) * fraction) - moveY) ;
            int right = (int)(startRatioFrame.mRight + ((endRatioFrame.mRight - startRatioFrame.mRight) * fraction) - moveX);
            int bottom = (int)(startRatioFrame.mBottom + ((endRatioFrame.mBottom - startRatioFrame.mBottom) * fraction) - moveY) ;
            ratioFrameList.add(new RatioFrame(left,top,right,bottom));
        }
        return ratioFrameList;
    }
}
下面就可以用ValueAnimator來實現弧形平移軌跡了 
ValueAnimator mAnimatorEnetr = ValueAnimator.ofObject(new EnterRatioFrameEvaluator(getContext()), getRatioFrameCenterList(mRatioFrameCenter,mRatioFrameList),mRatioFrameList);
            mAnimatorEnetr.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    //獲取新的佈局值
                   mCurrentRatioFrameList = (List<RatioFrame>) animation.getAnimatedValue();
                   //請求重新佈局
                  requestLayout();
                }
            });
            mAnimatorEnetr.setDuration(OPEN_BUBBLE_TIME);
            
            mAnimatorEnetr.start();
好了，從中心點向外展開的弧形動畫到這就實現了，然後再加上縮放的動畫就可以了，縮放的動畫使用View動畫就可以實現。 
/**
     * 氣泡由小到大縮放
     * @param textViews
     */
    private void scaleSmallToLarge(List<BubbleView> textViews){
        // 以view中心為縮放點，由初始狀態縮小到看不間
        ScaleAnimation animation = new ScaleAnimation(
                0.0f, 1.0f,//一點點變小知道看不見為止
                0.0f, 1.0f,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f//中間縮放
        );
        animation.setDuration(OPEN_BUBBLE_TIME);//要和平移的時間一致
        for (int i = 0; i < textViews.size(); i++) {
            //再執行動畫
            textViews.get(i).startAnimation(animation);
        }

    }

下面解決的就是展開後，氣泡開始浮動，點選氣泡後停止浮動，滑動手指的之後氣泡跟著手指移動，鬆開手指後氣泡返回到原來的位置，返回時的動畫效果和氣泡展開的動畫效果非常的類似，氣泡跟著手指移動也很好實現，只需要將氣泡view設定onTouch事件，再onTouch中計算滑動的距離，然後重新view.layout()就可以了，所以這裡我們解決浮動問題就可以了。浮動是不規則的，並且浮動的距離和速度也是不一樣的，我用View動畫實現的效果不是很好，然後就改用了屬性動畫來實現。只需要將view平移x軸和y軸，讓其平移的距離和時間都不同，看上去就像無規則的移動，讓其反覆的做這樣的平移就可以實現浮動的效果。 
/**
     * 給指定的View設定浮動效果
     * @param view
     * @return
     */
    private AnimatorSet setAnimFloat(View view ){
        List<Animator> animators = new ArrayList<>();
        //getRandomDp()得到一個隨機的值
        ObjectAnimator translationXAnim = ObjectAnimator.ofFloat(view, "translationX", 0f,getRandomDp(),getRandomDp() , 0);
        translationXAnim.setDuration(getRandomTime());
        translationXAnim.setRepeatCount(ValueAnimator.INFINITE);//無限迴圈
        translationXAnim.setRepeatMode(ValueAnimator.INFINITE);//
        translationXAnim.setInterpolator(new LinearInterpolator());
        translationXAnim.start();
        animators.add(translationXAnim);
        //
        ObjectAnimator translationYAnim = ObjectAnimator.ofFloat(view, "translationY", 0f,getRandomDp(),getRandomDp() , 0);
        translationYAnim.setDuration(getRandomTime());
        translationYAnim.setRepeatCount(ValueAnimator.INFINITE);
        translationYAnim.setRepeatMode(ValueAnimator.INFINITE);
        translationXAnim.setInterpolator(new LinearInterpolator());
        translationYAnim.start();
        animators.add(translationYAnim);

        AnimatorSet animatorSet = new AnimatorSet();
        animatorSet.playTogether(animators);
        //animatorSet.setStartDelay(delay);
        animatorSet.start();
        return animatorSet;
    }
按住停止浮動，鬆開的時候先歸位，然後再次的浮動，如果animator.end()方法，歸位後開始浮動的時候會出現閃動的現象，因為屬性動畫，雖然可以改變view的位置，但是不會改變view的left,top,right,bottom，所以重新開始浮動的時候會出現閃爍的現象，因為x = mLeft + translationX,當重新開始的時候，屬性動畫是重新建立的，translationX是從0開始的，因此會出現閃爍的現象。
final AnimatorSet animatorSet = mAnimatorSetList.get(position);
        for (Animator animator : animatorSet.getChildAnimations()) {
            //執行到動畫最後，恢復到初始位置，不然重新開始浮動的時候，會有一個閃爍的bug
            if(animator.isRunning()) {
                animator.end();//執行到動畫最後
                animator.cancel();//取消動畫
            }
        }
到這裡流程已經差不多了，但是當氣泡移動到圓形頭像的裡面的時候鬆開，氣泡應當有一個縮放的效果後歸位，然後應有一個介面回撥，告訴呼叫者，我到中間了鬆開了，你可以做一些相應的處理。現在我們看一下如何計算氣泡已經移動到頭像裡了，其實通過圓形頭像中心點和氣泡的中心點構成一個直接三角形，然後通過勾股定理，計算直角邊的長度和圓形頭像的半徑做比較，如果小於圓形頭像的半徑，就說明已經到頭像裡面了。 
/**
     * 判斷氣泡中心點是否在圖片內部
     * @param view
     * @param current  當前移動到的位置
     * @param endRatioFrame  如果在中間，該值用於復位到原本位置
     * @return
     */
    private boolean isInPictureCenter(int position,View view,RatioFrame current,RatioFrame endRatioFrame){
        RatioPoint centerPoint = new RatioPoint(mWidth/2,mHeight/2);
        RatioPoint currentPoint = new RatioPoint(current.mLeft + ((current.mRight - current.mLeft) / 2),current.mTop + ((current.mBottom - current.mTop) / 2));
        int x = Math.abs(centerPoint.x - currentPoint.x);
        int y = Math.abs(centerPoint.y - currentPoint.y);
        //通過勾股定理計算兩點之間的距離
        int edge = (int)Math.sqrt(Math.pow(x,2) + Math.pow(y,2));
        int pictureRadius = mImageView.getPictureRadius();
        //然後和內部圖片的半斤比較，小於pictureRadius，就說明在內部
        if(pictureRadius > edge){//進入到內部

            if(mInnerCenterListener != null){
                mInnerCenterListener.innerCenter(position,((TextView)view).getText().toString());
            }

            //說明到中心了，執行氣泡縮放
            reveseScaleView(position ,view,current,endRatioFrame);
            return true;
        }
        return false;
    }
氣泡執行縮放 
/**
     * 縮放圖片（補間動畫）
     * @param view
     * @param current  縮放後用於平移的起點
     * @param endRatioFrame 縮放後用於平移的終點
     */
    public void reveseScaleView(final int position , final View view, final RatioFrame current, final Object endRatioFrame) {
        // 以view中心為縮放點，由初始狀態縮小到看不間
        ScaleAnimation animation = new ScaleAnimation(
                1.0f, 0.0f,//一點點變小知道看不見為止
                1.0f, 0.0f,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f//中間縮放
        );
        animation.setDuration(BUBBLE_ENTER_CENTER_SCALE_TIME);
        animation.setRepeatMode(Animation.REVERSE);
        animation.setRepeatCount(1);
        animation.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {
            }

            @Override
            public void onAnimationEnd(Animation animation) {
                //執行完縮放後，讓氣泡歸位，歸位結束後，執行介面回撥
                homingBubbleView(true,position,view, current, endRatioFrame);
            }

            @Override
            public void onAnimationRepeat(Animation animation) {
            }
        });
        view.startAnimation(animation);
    }
氣泡進入中心的介面回撥定義 
public interface InnerCenterListener{
        //進入中心，鬆開歸位後呼叫
        void innerCenterHominged(int position, String text);
        //進入中心，鬆開時呼叫
        void innerCenter(int position, String text);
    }

下面就剩執行加1操作和播放愛心的動畫，這兩個動畫就是執行兩個View動畫，這裡就不貼出來了，到這裡高仿QQ個性名片就講解結束了，如果講的不好或有問題歡迎留言

                 CSDN

相關推薦

高仿QQ的個性名片

效果圖 周圍的氣泡佈局，因為佈局RatioLayout是繼承自ViewGroup，所以佈局layout就可以根據自己的需求來佈局其子view，view.layout(int l,int t,int r,int b);用於佈局子view在父ViewGroup中的位置（相對

GFF高仿QQ客戶端及伺服器

一、GFF簡介 GFF是仿QQ介面，通訊基於SAEA.MessageSocket、SAEA.Http、SAEA.MVC實現包含客戶端和伺服器的程式，原始碼完全公開，專案原始碼地址：https://github.com/yswenli/GFF ，大家可以去我的github瞭解，歡迎follow，st

GFF高仿QQ客戶端及服務器

col ide {0} sed ogr ini 交流 包含 tor 一、GFF簡介 GFF是仿QQ界面，通信基於SAEA.MessageSocket、SAEA.Http、SAEA.MVC實現包含客戶端和服務器的程序，源碼完全公開，項目源碼地址：https://github

高仿QQ時間選擇器

###在軟體開發中我們會需要各種選擇選擇器，比如設定個人年齡時需要使用時間選擇器。設定地址需要用到地址選擇，還有身高等等。 ####下面介紹一下使用方法： 時間選擇器的使用： //這裡設定的是選擇之後可以回顯資料，所以先建立一個SP設定基本數值 Stri

QQListview左滑刪除，經典案例,高仿QQ左滑，動畫效果，自定義！！

     雖然有很多開放寫得已經很完美的listview開源框架, 用起來也很方便， 只需修改下佈局，   大致套路都一樣， 幾乎沒什麼bug。 今天我們來看看自己定義的QQListview； 在這篇文章你能學到什麼？    1.事件衝突---listview 上下滑動

一句程式碼叫你實現高仿qq的側滑選單

           今天下午  小編在與同事們研究側滑選單的時候    百度搜索了很多例子    差不多都是一個人的專案   但是   使用起來  報錯  報錯  報錯      研究了好久   差點崩潰-------------於是我們打算自己研究    於是就這樣動了

Android高仿QQ下拉重新整理

此次牽扯到的知識點有：Android手勢，Handler,java多執行緒，java聚合，Android幀動畫，屬性動畫； 如果有對上述提到過的知識點不太瞭解，或者程式設計能力較差的小夥伴可以關閉此頁面啦一，因為接下來的裝逼過程 你可能會是一臉懵B 。如果你執意要看也沒事啦，因

高仿QQ 傳送圖片高亮HaloProgressView

之前看到qq 的圖片傳送效果很酷炫，很吸引人，不過現在這個效果好像沒有了。決定試試實現。大致想了下，實現效果還不錯。 需要實現的效果 一圖勝千言，看圖如下： 怎樣實現呢？ 首先從圖中看分兩部分，一部分是進度條帶光暈得效果。第二部分是圓圈擴散到整個圖片，到顯示完整圖片的過程。接

Android自定義View，高仿QQ音樂歌詞滾動控制元件！

最近在以QQ音樂為樣板做一個手機音樂播放器，原始碼下篇博文放出。今天我想聊的是這個QQ音樂播放器中歌詞顯示控制元件的問題，和小夥伴們一起來探討怎麼實現這個歌詞滾動的效果。OK，廢話不多說，先來看看效果圖：好，接下來我們就來看看怎麼實現這樣一個效果。本文主要包括如下幾方面內容：

Android 高仿QQ空間廣告位 ——— 一個位置來回切換兩張廣告圖

刷動態時無意間發現了這個效果覺得用在打廣告上實在是妙，使用者只需要上下滑動列表就會自動切換廣告圖（感興趣的可以在刷空間的時候留意一下）。一：接下來就來說說這個效果的具體實現思路通過自定義ImageView、繪製兩張圖片在上面。通過刮刮卡原理在ImageView上繪製一個圓不斷

高仿QQ中的時間選擇器

最近在做一個功能時間選擇器和地區選擇器 在網上找了好久找到了一個輪子，經過改造之後就可以直接那來用和QQ中的時間選擇器可以說是一模一樣，先上一下效果圖 裡面的程式碼我就不分析分析了因為太好用了，我就直接說怎麼用吧 第一種方法：直接將arr檔案放到lib目錄

如何使用MFC編寫自定義UI介面【附高仿QQ 2014登陸介面範例程式】

地址： http://blog.csdn.net/hujkay作者：Jekkay Hu([email protected])關鍵詞：MFC, 編寫異行窗體，自定義UI控制元件，VC++，異形控制元件,高仿QQ登陸介面, 擷取QQ密碼，QQ釣魚時間： 2014/4

Qt之高仿QQ截圖（動態吸附直線）

最近在學Qt。學東西怎麼能不動手。 就寫了些小程式。看QQ截圖能夠動態吸附直線的功能挺有意思，所以就模仿了一個。 開發環境：VS2013 Qt5.7.1 先上效果圖 介面很簡單。。呵呵 移動滑鼠，會把滑鼠所在最小矩形選中。

《java---高仿QQ登陸介面》---完全手寫

package com.fenghuo.view; import java.awt.BorderLayout; import java.awt.Color; import java.awt.Cursor; import java.awt.Dimension; import

Android高仿qq閱讀/微信讀書/掌閱高亮選擇文字效果

前言    最近做epub閱讀器,有劃線的需求，即類似於qq閱讀/微信讀書/掌閱那樣的移動選擇文字並高亮劃線等,在這裡記錄下實現的思路供大家參考，功能都還沒有上線，等優化徹底了，我可以考慮抽出這個模組開源下，嘿嘿！ 實現的效果圖 可以看到，這個效果還是可

Android高仿qq及微信底部選單的幾種實現方式

最近專案沒那麼忙，想著開發app的話，有很多都是重複，既然是重複的，那就沒有必要每次都去寫，所以就想著寫一個app通用的基本框架，這裡說的框架不是什麼MVC,MVP,MVVM這種，而是app開發的通用模式，一般的app都是底部有幾個選單按鈕，類似qq這樣的，只不

一步整合側滑(刪除)選單，高仿QQ、IOS條目側滑刪除

本控制元件不依賴任何父佈局，不是針對 RecyclerView、ListView，而是任意的ViewGroup裡的childView都可以使用側滑(刪除)選單。 簡單，0耦合，支援任意ViewGroup。 概述 本控制元件從擼出來在專案使用至今已經過去7個月，距離第

C#\WPF高仿QQ音樂V12.8介面篇《2》

動態效果圖 獲取原始碼 通過關注個人公眾號：BigBearIT，如下 通過後臺回覆關鍵詞：WPF高仿QQ音樂原始碼 即可獲得原始碼下載地址。 後續版本更新後會在公眾號通知 /*******

Android 高仿QQ 好友分組列表

本帖最後由 憤怒的小鳥 於 2012-11-4 10:53 編輯實現的效果如下： 用ExpandableListView實現，先看Activity的程式碼： public class BuddyActivity extends Activity {      ExpandableListView exp

【win32】高仿QQ截圖

QQ截圖大家都用過吧，從體驗上來說是一個非常不錯的軟體，它只有200多kb，非常小巧，敢肯定應該是基於原生window api開發的，沒用任何第三方的東西，接下來我想高度仿做一個這樣的軟體 技術難點分