2. 程式人生 > >自定義View——仿ViewPager

自定義View——仿ViewPager

阿新 • • 發佈：2019-02-03

效果圖

1.主佈局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RadioGroup
        android:id
 
="@+id/rg_main"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="horizontal" />

    <com.hbwj.a06viewpager.MyViewPager
        android:id="@+id/myviewpager"
        android:layout_width
 
="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/rg_main" />
</RelativeLayout>

2.程式碼中例項化MyScrollerView，並且新增頁面

 private MyViewPager myviewpager;
    private int[] ids = {R.drawable.a1, R.drawable.a2, R.drawable.a3, R.drawable.a4, R.drawable.a
 
5, R.drawable.a6};
    private RadioGroup rg_main;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        myviewpager = (MyViewPager) findViewById(R.id.myviewpager);
        rg_main = (RadioGroup) findViewById(R.id.rg_main);

        //新增6頁面
        for (int i = 0; i < ids.length; i++) {
            ImageView imageView = new ImageView(this);
            imageView.setBackgroundResource(ids[i]);

            //新增到MyViewPager這個View中
            myviewpager.addView(imageView);

        }
        }
        }

3.onLayout方法實現:指定6個圖片的位置

  @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        //遍歷孩子，給每個孩子指定在螢幕的座標位置
        for (int i = 0; i < getChildCount(); i++) {
            View childView = getChildAt(i);

            childView.layout(i * getWidth(), 0, (i + 1) * getWidth(), getHeight());
        }

    }

畫圖分析
這裡寫圖片描述

4.對自定義的viewpager進行滑動，此時想到的便是手勢識別器，手勢識別器分為3步走:

  • 1.定義出來
  • 2.例項化-把想要的方法給重新
  • 3.在onTouchEvent()把事件傳遞給手勢識別器
 private GestureDetector detector;
 private void initView(final Context context) {

        //2.例項化手勢識別器
        detector = new GestureDetector(context, new GestureDetector.SimpleOnGestureListener() {
            @Override
            public void onLongPress(MotionEvent e) {
                super.onLongPress(e);
                Toast.makeText(context, "長按", Toast.LENGTH_SHORT).show();
            }

            /**
             *
             * @param e1
             * @param e2
             * @param distanceX 在X軸滑動了的距離
             * @param distanceY 在Y軸滑動了的距離
             * @return
             */
            @Override
            public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {


                /**
                 *x:要在X軸移動的距離
                 *y:要在Y軸移動的距離
                 */
                scrollBy((int) distanceX, 0);

                return true;
            }

            @Override
            public boolean onDoubleTap(MotionEvent e) {
                Toast.makeText(context, "雙擊", Toast.LENGTH_SHORT).show();
                return super.onDoubleTap(e);
            }
        });
    }
     //3.把事件傳遞給手勢識別器:onTouchEvent方法中
        detector.onTouchEvent(event);

5.滑動到某個位置後自動到合適的位置下標停留

這裡寫圖片描述

 private float startX;
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        super.onTouchEvent(event);
        //3.把事件傳遞給手勢識別器
        detector.onTouchEvent(event);
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                //1.記錄座標
                startX = event.getX();
                System.out.println("onTouchEvent==ACTION_DOWN");
                break;
            case MotionEvent.ACTION_MOVE:
                System.out.println("onTouchEvent==ACTION_MOVE");

                break;
            case MotionEvent.ACTION_UP:
                System.out.println("onTouchEvent==ACTION_UP");

                //2.來到新的座標
                float endX = event.getX();

                //下標位置
                int tempIndex = currentIndex;

                if ((startX - endX) > getWidth() / 2) {

                    //顯示下一個頁面
                    tempIndex++;

                } else if ((endX - startX) > getWidth() / 2) {

                    //顯示上一個頁面
                    tempIndex--;
                }

                //根據下標位置移動到指定的頁面
                scrollToPager(tempIndex);

                break;
        }
        return true;
    }
       /**
     * 遮蔽非法值，根據位置移動到指定頁面
     *
     * @param tempIndex
     */
    public void scrollToPager(int tempIndex) {

        if (tempIndex < 0) {
            tempIndex = 0;
        }

        if (tempIndex > getChildCount() - 1) {
            tempIndex = getChildCount() - 1;
        }
        //當前頁面的下標位置
        currentIndex = tempIndex;

        //總距離計算出來
        int distanceX = currentIndex * getWidth() - getScrollX();
        // int distanceX = 目標 - getScrollX();
        //移動到指定的位置
        scrollTo(currentIndex*getWidth(),getScrollY());

    }

滑動到某一個頁面的演算法
這裡寫圖片描述

6.解決仿viewpager回彈時的生硬問題:使用系統自帶的Scroller

 private Scroller scroller;
 //初始化
  scroller = new Scroller(context);
    /**
     * 遮蔽非法值，根據位置移動到指定頁面
     *
     * @param tempIndex
     */
    public void scrollToPager(int tempIndex) {

        if (tempIndex < 0) {
            tempIndex = 0;
        }

        if (tempIndex > getChildCount() - 1) {
            tempIndex = getChildCount() - 1;
        }
        //當前頁面的下標位置
        currentIndex = tempIndex;
        if (onPagerChangeListener != null) {
            onPagerChangeListener.onScrollToPager(tempIndex);
        }
        //總距離計算出來
        int distanceX = currentIndex * getWidth() - getScrollX();
        // int distanceX = 目標 - getScrollX();
        //移動到指定的位置
        //scrollTo(currentIndex*getWidth(),getScrollY());
        //scroller.startScroll(getScrollX(),getScrollY(),distanceX,0);

        scroller.startScroll(getScrollX(), getScrollY(), distanceX, 0, Math.abs(distanceX));
        invalidate();//強制繪製;//onDraw();computeScroll();
    }

    @Override
    public void computeScroll() {
//        super.computeScroll();
        if (scroller.computeScrollOffset()) {
            //得到移動這個一小段對應的座標
            float currX = scroller.getCurrX();
            scrollTo((int) currX, 0);
            invalidate();
        }

    }

新增RadioGroup點選並實現雙向跳轉

  for (int i = 0; i < myviewpager.getChildCount(); i++) {
            RadioButton button = new RadioButton(getApplicationContext());
            button.setId(i);
            if (i == 0) {
                button.setChecked(true);
            }
            rg_main.addView(button);
        }
        rg_main.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, @IdRes int checkedId) {
                myviewpager.scrollToPager(checkedId);
            }
        });

定義介面PagerChangeListener監聽頁面變化

     /**
     * 監聽頁面變化
     */
    interface OnPagerChangeListener {
        void onScrollToPager(int position);
    }

    OnPagerChangeListener onPagerChangeListener;

    public void setOnPagerChangeListener(OnPagerChangeListener onPagerChangeListener) {
        this.onPagerChangeListener = onPagerChangeListener;
    }
    //scrollToPager中新增程式碼
     if (onPagerChangeListener != null) {
            onPagerChangeListener.onScrollToPager(tempIndex);
        }

使用介面

 myviewpager.setOnPagerChangeListener(new MyViewPager.OnPagerChangeListener() {
            @Override
            public void onScrollToPager(int position) {
                rg_main.check(position);
            }
        });

7.新增測試頁面

佈局如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#55ff0000"
    android:weightSum="1">

    <ProgressBar
        android:id="@+id/progressBar"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="136dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal" />

    <ProgressBar
        android:id="@+id/progressBar2"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="372dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal" />

    <ProgressBar
        android:id="@+id/progressBar3"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal" />


    <ScrollView
        android:id="@+id/scrollView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center_horizontal">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


        </LinearLayout>


    </ScrollView>
</LinearLayout>

MainActivity中添加布局

  //指定頁面添加布局
        View view=View.inflate(getApplicationContext(),R.layout.test,null);
        myviewpager.addView(view,2);

8.解決無法看到效果，在MyScrollView中重寫OnMeasure

@Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        for (int i = 0; i < getChildCount(); i++) {
            View childView = getChildAt(i);
            childView.measure(widthMeasureSpec, heightMeasureSpec);
        }
    }

9.解決事件攔截問題

這裡寫圖片描述

MyViewPager中新增攔截事件

 /**
     * 攔截事件
     */
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        boolean result = false;
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                detector.onTouchEvent(ev);
                //第一次按下的座標
                downX = ev.getX();
                downY = ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                float newdownX = ev.getX();
                float newdownY = ev.getY();
                int distanceX = (int) Math.abs(newdownX - downX);
                int distanceY = (int) Math.abs(newdownY - downY);
                //防止抖動為1的情況
                if(distanceX>distanceY&&distanceX>10){
                   result=true;
                }
                break;
            case MotionEvent.ACTION_UP:
                break;
        }
        return result;
    }

相關推薦

自定義View——仿ViewPager

1.主佈局 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/andr

自定義View——仿支付寶支付彈窗介面

上面這個是採用自定view方式實現的一個仿支付寶支付彈窗的效果； 1、自定義view並初始化自定義屬性 public class PasswordEditText extends EditText{ //一個密碼所佔的寬度 priva

自定義View——仿騰訊TIM下拉重新整理View

一 概述 自定義 View 是 Android 開發裡面的一個大學問。偶然間看到 TIM 郵箱介面的重新整理 View 還挺好玩的，於是就自己動手實現了一個，先看看 TIM 裡邊的效果圖： 二 需求分析 看到上面的動圖，大概也知道我們需要實現的功能： 根據拖動的進度來移動小球的位

Android自定義View-仿華為手機管家病毒查殺類似於雷達掃描動畫效果

最近在使用華為手機管家病毒查殺時有一個類似雷達掃描的動畫，發現該動畫旋轉軸未對準圓心，如下圖： 這樣不仔細看，看不出來，咱們放大看一下，放大後如下： 現在我們可以清楚看到這個問題，於是想自己實現一把，好了，為了便於理解，這裡就按照動畫所見內容依次展開來說。 先簡單的分析一

自定義View——仿愛奇藝載入動畫...

閒來無聊，在看電視的時候網路又不給力，只看見愛奇藝的一個載入動畫不停的在那裡轉，仔細看看了覺得效果還可以，於是就自己模仿了一個。 仿愛奇藝載入動畫… 自定義屬性說明 //設定三角形的顏色

Android 自定義View 仿螞蟻信用分析(正多邊形)

從我的 "慕課-手記" 中搬過來 上一篇，我實現了正多邊形的繪製，不過是用比較取巧的方式，僅能繪製出多邊形，而不知道任意頂點座標，沒法再在頂點外繪製圖片、文字... 支付寶芝麻信用分-分析中，有個正五邊形，各頂點外還有圖片與文字，想繪製這麼一個東西就需要知道各端點的座

Android 自定義view-仿新浪微博#話題#插入EditText

不小心開啟新浪微博發微博頁面有個可以插入話題#…#的功能，看著挺好玩的。就照著實現了一下。 如果不知道怎麼樣效果的可以開啟微博看看。大概的功能是： 插入話題使用#特殊符號開頭和結尾 話題文字高亮顯示 刪除話題選中整個話題文字一次性刪除 可以插入多個話題

Android自定義View——仿1號店垂直滾動廣告條實現

效果圖 原理分析 整個過程都是基於座標Y的增加和交換進行處理的，Y值都會一直增加到endY，然後進行交換邏輯 實現步驟 1、初始化變數 由於1號店是兩句話的滾動，所以我們也是使用兩句話來實現的 public class VerTe

自定義View:仿GitHub的提交活躍表格

說明 本文可能需要一些基礎知識點，如Canvas,Paint，Path，Rect等類的基本使用，建議不熟悉的同學可以學習GcsSloop安卓自定義View教程目錄，會幫助很大。 上圖就是github的提交表格，直觀來看可以分為幾個部分進行繪製： （1）

自定義view-仿移動扇形進度條

            效果圖如下：                          一.圖形的拆解             1,由兩個圓弧組成，一個是透明的弧，另一個則是綠色的弧             2.文字的繪製               1.弧形區域的計算與

仿新浪微博首頁具有泥鰍蚯蚓滑動效果的可自定義View的Android ViewPager指示器

說到蚯蚓滑動效果的指示器，市面上很常見 也許是普通的控制元件習以為常了，刷微博的時候看到微博首頁的設計覺得很有意思 於是在公司的蚯蚓滑動指示器的基礎上進行了加工，寫了這麼一個指示器，效果如下所示 程式碼不多，正當我竊喜的時候我突然發現遇到個坑，點選popupwindo

android自定義View之仿通訊錄側邊欄滑動，實現A-Z字母檢索

我們的手機通訊錄一般都有這樣的效果，如下圖： OK，這種效果大家都見得多了，基本上所有的android手機通訊錄都有這樣的效果。那我們今天就來看看這個效果該怎麼實現。 一.概述 1.頁面功能分析 整體上來說，左邊是一個ListView，右邊是一個自定義View，但

自定義View之仿ios分段選擇器

一：效果 1.1 可動態新增或刪除tab，更改指定tab的文字。 二：實現思路 自定義view，實現效果 動態建立textview，有幾個tab建立幾個textview 第一個tab和最後一個tab為圓角矩形，其餘的為直角矩形，通過shape檔案完成 預設選

(自定義View)自動翻頁ViewPager

/** * 描述:自動翻頁ViewPager * 作者：FrankChoo */ public class AutoSlideViewPager extends FrameLayout { private ViewPager mViewPager;

Android 仿微信聯絡人Demo(自定義View，Viewgroup)

上週在某部落格發現博主分享了一篇很經典的程式---------聯絡人效果。感覺很神祕很強大，但在閱讀和理解博主的demo的同時也發現了一些冗餘和不完美。於是帶著寶寶的痛一咬牙自己開工了，大約花了一週的時間(當然我白天還得上班的)，做出了這種效果。如下圖： now跟著

Android自定義view之實現仿抖音雙擊點贊單擊暫停特效

       2018年抖音、快手、火山等短視訊App比較火，最近自己做短視訊專案時有個需求，就是類似抖音的點贊特效，單擊螢幕時視訊暫停，再次點選時視訊恢復播放，雙擊或者連續多次點選時出現點贊特效(飄小心心特效)，而且是全屏可以隨意點選，都

Android自定義View之仿QQ側滑選單實現

最近，由於正在做的一個應用中要用到側滑選單，所以通過查資料看視訊，學習了一下自定義View，實現一個類似於QQ的側滑選單，順便還將其封裝為自定義元件，可以實現類似QQ的側滑選單和抽屜式側滑選單兩種選單。 下面先放上效果圖： 我們這裡的側

Android自定義View初探（二）——仿360垃圾清理

明天就是五一勞動節了，在這裡先祝各位程式猿勞動節快樂，別在加班了！ 自從嘗試過寫自定義View（Android自定義View初探（一）——餅圖）之後，每當看到別人的應用時，總是在想別人的實現方式，或許，這就是程式猿的悲哀吧O(∩_∩)O~。 前兩天就想嘗試去

實現自定義view(2)：仿Android QQ多螢幕顯示ListView的效果

本文在《仿 UC,墨跡天氣左右拖動 多螢幕顯示效果》的基礎上對程式碼進行修改，模仿Android QQ主介面的分屏ListView滑動效果。 當進行橫向滑動時，會切換螢幕，當縱向滑動時，ListView會滾動。 效果圖如下： 程式碼如下： FlingGallery.

第一章 仿支付寶芝麻信用介面製作（需要自定義View的相關知識）

//構造器//ondraw 方法是專門負責View的繪製方法，用畫筆畫出的圖形 都是在這個方法裡繪畫出來的；@Overrideprotected void onDraw(Canvas canvas) {// TODO Auto-generated method stubsuper.onDraw(canvas)