欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

【FastDev4Android框架開發(fā)】Android首頁圖片自動(dòng)無限循環(huán)輪播Gallery+FlowIndicator(二)

(一):寫在前面的話 
接著上一篇繼續(xù)更新，上一篇文章已經(jīng)把FastDev4Android項(xiàng)目做了大體的了解，包括項(xiàng)目結(jié)構(gòu)已經(jīng)需要進(jìn)行完善的功能，那么今天我們繼續(xù)完善這個(gè)項(xiàng)目；今天我們主要將的是實(shí)現(xiàn)一個(gè)首頁自動(dòng)無限循環(huán)組件我這邊采用的是Gallery(重寫)+FlowIndicator(自定義)； 
項(xiàng)目地址

成都創(chuàng)新互聯(lián)公司服務(wù)熱線：18982081108，為您提供成都網(wǎng)站建設(shè)網(wǎng)頁設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù)，成都創(chuàng)新互聯(lián)公司網(wǎng)頁制作領(lǐng)域10余年，包括成都木包裝箱等多個(gè)行業(yè)擁有豐富的網(wǎng)站營銷經(jīng)驗(yàn)，選擇成都創(chuàng)新互聯(lián)公司，為企業(yè)錦上添花。

(二)Gallery控件講解 
2.1:說明-實(shí)現(xiàn)效果如下: 
【FastDev4Android框架開發(fā)】Android首頁圖片自動(dòng)無限循環(huán)輪播Gallery+FlowIndicator(二) 
Gallery為畫廊控件相信大家對(duì)此非常熟悉，同時(shí)這個(gè)Gallery組件已經(jīng)早就過時(shí)了，雖然官方說這個(gè)組件會(huì)造成內(nèi)存過大，緩存機(jī)制不行，或者說緩存機(jī)制完全不行，不過如果作為初級(jí)階段要實(shí)現(xiàn)自動(dòng)輪播用這個(gè)練手還是非常方便的。雖然現(xiàn)在一般可以采用viewpager或者RecyleView來進(jìn)行實(shí)現(xiàn),后面我們還會(huì)更新viewpager和recyleview實(shí)現(xiàn)的圖片輪播組件; 
2.2:實(shí)現(xiàn)方式: 
要實(shí)現(xiàn)圖片的自動(dòng)無限輪播,那么最重要要實(shí)現(xiàn)自動(dòng)輪播的功能，在Gallery我們只需要實(shí)現(xiàn)一個(gè)定時(shí)器,每個(gè)一段時(shí)間調(diào)用Gallery的方法來切換圖片如下: 
【FastDev4Android框架開發(fā)】Android首頁圖片自動(dòng)無限循環(huán)輪播Gallery+FlowIndicator(二) 
接著在定時(shí)器中直接調(diào)用onkeydown讓gallery來切換圖片,我們來看一下onkeydown的方法：

  /**
     * Handles left, right, and clicking
     * @see android.view.View#onKeyDown
     */
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {        switch (keyCode) {        case KeyEvent.KEYCODE_DPAD_LEFT:            if (moveDirection(-1)) {
                playSoundEffect(SoundEffectConstants.NAVIGATION_LEFT);                return true;
            }            break;        case KeyEvent.KEYCODE_DPAD_RIGHT:            if (moveDirection(1)) {
                playSoundEffect(SoundEffectConstants.NAVIGATION_RIGHT);                return true;
            }            break;        case KeyEvent.KEYCODE_DPAD_CENTER:        case KeyEvent.KEYCODE_ENTER:
            mReceivedInvokeKeyDown = true;            // fallthrough to default handling
        }        return super.onKeyDown(keyCode, event);
    }12345678910111213141516171819202122232425262728

上邊的源代碼我們可以很清晰看到KEYCODE_DPAD_LEFT，KEYCODE_DPAD_RIGHT這兩個(gè)參數(shù)，OK那么我們?cè)谡{(diào)用onkeydown傳入?yún)?shù)的時(shí)候傳入這兩個(gè)值就OK了。那么我們?cè)撊绻O(shè)置這兩個(gè)參數(shù)呢？其實(shí)很簡單gallery是提供我們手指滑動(dòng)來切換的,也就是Gallery實(shí)現(xiàn)了GestureDetector.OnGestureListener手勢接口,那么我們可以重寫onFing方法判斷是向左還是向右滑動(dòng)，代碼如下:

    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,                           float velocityY) {        int kEvent;        if (isScrollingLeft(e1, e2)) {
            kEvent = KeyEvent.KEYCODE_DPAD_LEFT; //設(shè)置手勢滑動(dòng)的方法 --向左
        } else {
            kEvent = KeyEvent.KEYCODE_DPAD_RIGHT; //設(shè)置手勢滑動(dòng)的方法--向右
        }
        onKeyDown(kEvent, null);  //進(jìn)行設(shè)置galler切換圖片
        if (this.getSelectedItemPosition() == 0) {            this.setSelection(length);
        }        return false;
    }123456789101112131415

下面我們來看一下AutoGallery的源代碼，詳細(xì)了解一下實(shí)現(xiàn)方法:

package com.chinaztt.fda.widget;import android.content.Context;import android.util.AttributeSet;import android.view.KeyEvent;import android.view.MotionEvent;import android.view.View;import android.widget.Gallery;import java.util.Timer;import java.util.TimerTask;/**
 * 當(dāng)前類注釋:重寫Gallery對(duì)畫廊控件進(jìn)行重寫，擴(kuò)展成可以自動(dòng)切換圖片Gallery
 * 這個(gè)圖片輪播控件還是比較之前封裝的，現(xiàn)在一般采用viewpager進(jìn)行封裝，后面我這邊也會(huì)介紹
 * 項(xiàng)目名：FastDev4Android
 * 包名：com.chinaztt.fda.widget
 * 作者：江清清 on 15/10/23 08:41
 * 郵箱：jiangqqlmj@163.com
 * QQ： 781931404
 * 公司：江蘇中天科技軟件技術(shù)有限公司
 */public class AutoGallery extends Gallery implements View.OnTouchListener {
    //畫廊圖片的數(shù)量
    private int length;    //自動(dòng)切換圖片的時(shí)間
    private long delayMillis = 5000;    //定時(shí)器
    private Timer timer = null;    public AutoGallery(Context context) {        super(context);
        setOnTouchListener(this);
    }    public AutoGallery(Context context, AttributeSet attrs) {        super(context, attrs);
        setOnTouchListener(this);
    }    public AutoGallery(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs, defStyle);
        setOnTouchListener(this);
    }    public int getLength() {        return this.length;
    }    public void setLength(int length) {        this.length = length;
    }    public void setDelayMillis(long delayMillis) {        this.delayMillis = delayMillis;
    }    /**
     * 重寫Galler中手指滑動(dòng)的手勢方法
     * @param e1
     * @param e2
     * @param velocityX
     * @param velocityY
     * @return
     */
    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,                           float velocityY) {        int kEvent;        if (isScrollingLeft(e1, e2)) {
            kEvent = KeyEvent.KEYCODE_DPAD_LEFT; //設(shè)置手勢滑動(dòng)的方法 --向左
        } else {
            kEvent = KeyEvent.KEYCODE_DPAD_RIGHT; //設(shè)置手勢滑動(dòng)的方法--向右
        }
        onKeyDown(kEvent, null);  //進(jìn)行設(shè)置galler切換圖片
        if (this.getSelectedItemPosition() == 0) {            this.setSelection(length);
        }        return false;
    }    /**
     * 進(jìn)行判斷滑動(dòng)方向
     * @param e1
     * @param e2
     * @return
     */
    private boolean isScrollingLeft(MotionEvent e1, MotionEvent e2) {        return e2.getX() > e1.getX();
    }    /**
     * 開啟定時(shí)器
     */
    public void start() {        if (length > 0&&timer == null) {
            timer = new Timer();            //進(jìn)行每個(gè)delayMillis時(shí)間gallery切換一張圖片
            timer.scheduleAtFixedRate(new TimerTask() {                @Override
                public void run() {                    if (length > 0) {
                        onKeyDown(KeyEvent.KEYCODE_DPAD_RIGHT, null);
                    }
                }
            }, delayMillis, delayMillis);
        }
    }    /**
     * 關(guān)閉定時(shí)器
     */
    public void stop() {        if (timer != null) {
            timer.cancel();
            timer = null;
        }
    }    /**
     * 重寫手指觸摸的事件，當(dāng)手指按下的時(shí)候，需要關(guān)閉gallery自動(dòng)切換
     * 當(dāng)手指抬開得時(shí)候 需要打開gallery自動(dòng)切換功能
     * @param v
     * @param event
     * @return
     */
    @Override
    public boolean onTouch(View v, MotionEvent event) {        switch (event.getAction()) {            case MotionEvent.ACTION_DOWN:
                stop();                break;            case MotionEvent.ACTION_UP:            case MotionEvent.ACTION_CANCEL:
                start();                break;
        }        return false;
    }
}123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140

(三)FlowIndicator控件講解 
3.1:實(shí)現(xiàn)效果: 
【FastDev4Android框架開發(fā)】Android首頁圖片自動(dòng)無限循環(huán)輪播Gallery+FlowIndicator(二)

3.2:指示器是一個(gè)自定義的view,通過實(shí)時(shí)的繪制,首先我們需要定義圓點(diǎn)的attrs屬性文件如下:

<!--圖片輪播下面指示器自定義屬性-->
    <declare-styleable name="FlowIndicator">
        <attr name="point_normal_color" format="color" /> <!--指示器小圓點(diǎn)正常顏色-->
        <attr name="point_seleted_color" format="color" /> <!--指示器小圓點(diǎn)選中顏色-->
        <attr name="radius" format="dimension" />       <!--指示器原點(diǎn)的半徑-->
        <attr name="count" format="integer" />          <!--指示器原點(diǎn)的數(shù)量-->
        <attr name="space" format="dimension" />      <!--每個(gè)指示器原點(diǎn)的間隔-->
    </declare-styleable>12345678

然后我們?cè)贔lowDicator中進(jìn)行獲取到相關(guān)屬性，并且進(jìn)行繪制ondraw即可，不過在繪制的時(shí)候需要判斷以下當(dāng)前是否選中，這樣分別繪制選中和未選中的原點(diǎn);

@Override
    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        float width = (getWidth() - ((radius * 2 * count) + (space * (count - 1)))) / 2.f;
        Log.d(TAG_FLOWINDICATOR,"當(dāng)前選中的為:"+this.seleted);        for (int i = 0; i < count; i++) {            if (i == seleted) {
                paint.setStyle(Style.FILL);
                canvas.drawBitmap(bmp_selected, 130+width + getPaddingLeft()
                        + radius + i * (space + radius + radius), 0, null);
            } else {
                paint.setStyle(Style.FILL);
                canvas.drawBitmap(bmp_normal, 130+width + getPaddingLeft() + radius
                        + i * (space + radius + radius), 0, null);
            }
        }
    }1234567891011121314151617
 3.3:具體實(shí)現(xiàn)代碼,FlowIndicator.java
package com.chinaztt.fda.widget;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Canvas;import android.graphics.Paint;import android.graphics.Paint.Style;import android.util.AttributeSet;import android.view.View;import com.chinaztt.fda.ui.R;import com.chinaztt.fda.utils.Log;/**
 * 自動(dòng)播放Gallery指示器
 * @author jiangqq
 *
 */public class FlowIndicator extends View {
    private static  final  String TAG_FLOWINDICATOR="FlowIndicator";    private int count;    private float space, radius;    private Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);    private Bitmap bmp_selected, bmp_normal;    // 選中
    private int seleted = 0;    public FlowIndicator(Context context, AttributeSet attrs) {        super(context, attrs);
        TypedArray a = context.obtainStyledAttributes(attrs,
                R.styleable.FlowIndicator);        //小圓點(diǎn)數(shù)量
        count = a.getInteger(R.styleable.FlowIndicator_count, 4);        //每個(gè)小圓點(diǎn)間隔距離
        space = a.getDimension(R.styleable.FlowIndicator_space, 4);        //小圓點(diǎn)半徑
        radius = a.getDimension(R.styleable.FlowIndicator_radius, 7);        //正常 沒有選中的圖片
        bmp_normal = BitmapFactory.decodeResource(getResources(),
                R.drawable.hui);        //選中的圖片
        bmp_selected = BitmapFactory.decodeResource(getResources(),
                R.drawable.lan);
        a.recycle();
    }    //當(dāng)前選中的索引，并且重繪指示器view
    public void setSeletion(int index) {        this.seleted = index;
        invalidate();
    }    //設(shè)置指示器的數(shù)量
    public void setCount(int count) {        this.count = count;
        invalidate();
    }    //設(shè)置指示器 下一個(gè)圓點(diǎn)
    public void next() {        if (seleted < count - 1)
            seleted++;        else
            seleted = 0;
        invalidate();
    }    //設(shè)置指示器 前一個(gè)圓點(diǎn)
    public void previous() {        if (seleted > 0)
            seleted--;        else
            seleted = count - 1;
        invalidate();
    }    /**
     * 重寫繪制指示器view
     * @param canvas
     */
    @Override
    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        float width = (getWidth() - ((radius * 2 * count) + (space * (count - 1)))) / 2.f;
        Log.d(TAG_FLOWINDICATOR,"當(dāng)前選中的為:"+this.seleted);        for (int i = 0; i < count; i++) {            if (i == seleted) {
                paint.setStyle(Style.FILL);
                canvas.drawBitmap(bmp_selected, 130+width + getPaddingLeft()
                        + radius + i * (space + radius + radius), 0, null);
            } else {
                paint.setStyle(Style.FILL);
                canvas.drawBitmap(bmp_normal, 130+width + getPaddingLeft() + radius
                        + i * (space + radius + radius), 0, null);
            }
        }
    }    /**
     * 進(jìn)行view大小的測量
     * @param widthMeasureSpec
     * @param heightMeasureSpec
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(measureWidth(widthMeasureSpec),
                measureHeight(heightMeasureSpec));
    }    private int measureWidth(int measureSpec) {        int result = 0;        int specMode = MeasureSpec.getMode(measureSpec);        int specSize = MeasureSpec.getSize(measureSpec);        if (specMode == MeasureSpec.EXACTLY) {
            result = specSize;
        } else {
            result = (int) (getPaddingLeft() + getPaddingRight()
                    + (count * 2 * radius) + (count - 1) * radius + 1);            if (specMode == MeasureSpec.AT_MOST) {
                result = Math.min(result, specSize);
            }
        }        return result;
    }    private int measureHeight(int measureSpec) {        int result = 0;        int specMode = MeasureSpec.getMode(measureSpec);        int specSize = MeasureSpec.getSize(measureSpec);        if (specMode == MeasureSpec.EXACTLY) {
            result = specSize;
        } else {
            result = (int) (2 * radius + getPaddingTop() + getPaddingBottom() + 1);            if (specMode == MeasureSpec.AT_MOST) {
                result = Math.min(result, specSize);
            }
        }        return result;
    }
}123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142

(四):該組件的使用方法 
我們創(chuàng)建布局文件使用當(dāng)前組件的包名路徑，然后進(jìn)行初始化并且設(shè)置數(shù)據(jù)，最后綁定事件監(jiān)聽器即可;

package com.chinaztt.fda.test;import android.os.Bundle;import android.os.PersistableBundle;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.AdapterView;import android.widget.BaseAdapter;import android.widget.ImageView;import com.chinaztt.fda.ui.R;import com.chinaztt.fda.ui.base.BaseActivity;import com.chinaztt.fda.widget.AutoGallery;import com.chinaztt.fda.widget.FlowIndicator;/**
 * 當(dāng)前類注釋: 圖片輪播封裝類的簡單使用
 * 項(xiàng)目名：FastDev4Android
 * 包名：com.chinaztt.fda.test
 * 作者：江清清 on 15/10/23 08:35
 * 郵箱：jiangqqlmj@163.com
 * QQ： 781931404
 * 公司：江蘇中天科技軟件技術(shù)有限公司
 */public class GalleryIndicatorActivity extends BaseActivity{
    private LayoutInflater mInflater;    private int[] mImages;    private AutoGallery headline_p_w_picpath_gallery;        //自動(dòng)圖片輪播Gallery
    private FlowIndicator galleryFlowIndicator;  //指示器控件
    private int circleSelectedPosition = 0; // 默認(rèn)指示器的圓圈的位置為第一項(xiàng)
    private int gallerySelectedPositon = 0; // 默認(rèn)gallery的圖片為第一張

    @Override
    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);
        setContentView(R.layout.gallery_indicator_layout);
        mInflater=getLayouInflater();
        mImages=new int[]{
                R.drawable.one,
                R.drawable.two,
                R.drawable.three,
                R.drawable.four
        };
        headline_p_w_picpath_gallery=(AutoGallery)this.findViewById(R.id.headline_p_w_picpath_gallery);
        galleryFlowIndicator=(FlowIndicator)this.findViewById(R.id.headline_circle_indicator);        int topSize = mImages.length;        //設(shè)置指示器圓點(diǎn)的數(shù)量
        galleryFlowIndicator.setCount(topSize);        //設(shè)置當(dāng)前的位置
        galleryFlowIndicator.setSeletion(circleSelectedPosition);        //設(shè)置畫廊 圖片的數(shù)量
        headline_p_w_picpath_gallery.setLength(topSize);
        headline_p_w_picpath_gallery.setAdapter(new GalleryIndicatorAdapter());

        gallerySelectedPositon = topSize * 20 + circleSelectedPosition;        //設(shè)置畫廊當(dāng)前所指的位置 索引
        headline_p_w_picpath_gallery.setSelection(gallerySelectedPositon);
        headline_p_w_picpath_gallery.start();        //gallery滾動(dòng)選擇監(jiān)聽
        headline_p_w_picpath_gallery
                .setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {                    @Override
                    public void onItemSelected(AdapterView<?> parent,
                                               View view, int position, long id) {
                        gallerySelectedPositon = position;
                        circleSelectedPosition = position
                                % headline_p_w_picpath_gallery.getLength();
                        galleryFlowIndicator
                                .setSeletion(circleSelectedPosition);

                    }                    @Override
                    public void onNothingSelected(AdapterView<?> parent) {

                    }
                });        //gallery點(diǎn)擊選中事件
        headline_p_w_picpath_gallery.setOnItemClickListener(new AdapterView.OnItemClickListener() {            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {                int index=position
                        % headline_p_w_picpath_gallery.getLength()+1;
                showToastMsgShort("點(diǎn)擊了第"+index+"個(gè)圖片!");
            }
        });
    }

    class GalleryIndicatorAdapter extends BaseAdapter{        @Override
        public int getCount() {            return Integer.MAX_VALUE;
        }        @Override
        public Object getItem(int position) {            return mImages[position];
        }        @Override
        public long getItemId(int position) {            return position;
        }        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            Hondler _Hondler=null;            if(convertView==null){
                _Hondler=new Hondler();
                convertView=mInflater.inflate(R.layout.headline_gallery_item,null);
                _Hondler.headline_gallery_p_w_picpathview=(ImageView)convertView.findViewById(R.id.headline_gallery_p_w_picpathview);
                convertView.setTag(_Hondler);
            }else
            {
                _Hondler=(Hondler)convertView.getTag();
            }            int mPosition = position % mImages.length;
            _Hondler.headline_gallery_p_w_picpathview.setImageResource(mImages[mPosition]);            return convertView;
        }
    }    static class Hondler{
        ImageView headline_gallery_p_w_picpathview;
    }
}123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127

上面是該組件的基本使用方法，由于篇幅的原因，布局文件這類我這邊就沒有貼上去，主要講解了控件的主要實(shí)現(xiàn)方法，如果需要具體了解該項(xiàng)目和該組件可以去github中clone一下代碼； 
項(xiàng)目地址如下:https://github.com/jiangqqlmj/FastDev4Android

當(dāng)前名稱：【FastDev4Android框架開發(fā)】Android首頁圖片自動(dòng)無限循環(huán)輪播Gallery+FlowIndicator(二)
網(wǎng)站路徑：http://www.chinadenli.net/article28/iejicp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、網(wǎng)站建設(shè)、云服務(wù)器、網(wǎng)站收錄、微信小程序、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司