Android仿网页分页效果

因为项目需要,要求类似于网页样式的分页效果
在这里插入图片描述经过多方查找资料,加本人后期修改,终于做出了符合自己要求的分页效果


/**
 * @date 2018/12/16
 *
 * 分页
 */
public class PageControl extends LinearLayout implements View.OnClickListener {
    private Context context;
    private int maxPage = 1;//最大页
    private int curPage = 1;//当前页
    private int buttonCount = 5;//按钮数
    private int lastButton = 0;//最后一个按钮对应的页码
    private int firstButton = 0;//第一个按钮对应的页码
    private int totalCount; //总页数
    public TextView upPage;//上一页
    public TextView downPage;//下一页

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

    public PageControl(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public PageControl(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context = context;
        this.setBackgroundResource(R.color.white);
        this.setGravity(Gravity.RIGHT);
        initPageComposite();
    }

    private OnPageChangeListener mPageChangeLinstener = new OnPageChangeListener() {
        @Override
        public void pageChanged(PageControl pageControl,int numPerPage) {
            if(mPageChangeLinstener != null){
                mPageChangeLinstener.pageChanged(pageControl,numPerPage);
            }
        }
    };

    public interface OnPageChangeListener {
        void pageChanged(PageControl pageControl,int numPerPage);
    }

    /**
     * @param tCount 总页数
     */
    public void setTotalPage(int tCount) {
        totalCount =  tCount;
        setSelectView(curPage);
    }

    /**
     * 创建view
     * @return
     */
    private TextView createView() {
        TextView page = new TextView(context);
        page.setBackgroundResource(R.drawable.selecter_btn_round5_gray);
        page.setPadding(Utils.dip2px(10), 0, Utils.dip2px(10), 0);
        page.setGravity(Gravity.CENTER);
        LayoutParams layoutParam = new LayoutParams(LayoutParams.WRAP_CONTENT, Utils.dip2px(30));
        page.setMinWidth(Utils.dip2px(30));
        layoutParam.setMargins(0, 0, Utils.dip2px(5), 0);
        page.setLayoutParams(layoutParam);
        return page;
    }

    /**
     * 创建中间页码view
     * @param page
     */
    private void createView(int page) {
        TextView countPage = createView();
        countPage.setText(page + "");
        countPage.setTag(page);
        countPage.setOnClickListener(this);
        this.addView(countPage);
    }
    /**
     * 创建上一页view
     */
    private void createPrevious() {
        upPage = createView();
        upPage.setText(getResources().getString(R.string.page_uppage));
        upPage.setOnClickListener(this);
        this.addView(upPage, 0);
    }
    /**
     * 创建下一页view
     */
    private void createNext() {
        downPage = createView();
        downPage.setText(getResources().getString(R.string.page_downpage));
        downPage.setOnClickListener(this);
        this.addView(downPage);
    }
    /**
     * n个页 创建第一个view
     */
    private void first() {
        TextView first = createView();
        first.setText("1");
        first.setOnClickListener(this);
        this.addView(first);
    }

    /**
     * n个页 创建末页view
     */
    private void last() {
        TextView first = createView();
        first.setText(totalCount+"");
        first.setOnClickListener(this);
        this.addView(first);
    }
    /**
     * n个页 创建...
     */
    private void middleView() {
        TextView first = new TextView(context);
        first.setText("...");
        first.setPadding(Utils.dip2px(10), 0, Utils.dip2px(10), 0);
        first.setGravity(Gravity.CENTER);
        first.setOnClickListener(this);
        this.addView(first);
    }


    public void initPageComposite() {
        int temp = maxPage;
        maxPage = totalCount % 1 == 0 ? totalCount / 1 : totalCount / 1 + 1;

        if (temp != maxPage || curPage >= 1) {
            createAllView();
        }
        if (maxPage == 0) {
            removeAllViews();
            return;
        }
        setSelectView(curPage);
        setActionStatus(curPage);
    }

    /**
     * 当前页码为1的时候上一页不可点击
     * 当前页码为末页的时候下一页不可点击
     * @param curPage
     */
    private void setActionStatus(int curPage) {
        if (curPage > 1) {
            upPage.setEnabled(true);
        }else {
            upPage.setEnabled(false);
        }
        if(totalCount > curPage){
            downPage.setEnabled(true);
        }else {
            downPage.setEnabled(false);
        }
    }
    private void setBtnGroup() {
        int n = maxPage / buttonCount;
        if (n == 0) {
            //只有一组
            firstButton = 1;
            lastButton = maxPage;
        } else {
            int i = curPage / buttonCount;
            //有n组
            firstButton = i * buttonCount + 1;
            if (firstButton > curPage) {
                firstButton = (i - 1) * buttonCount + 1;
            }
            lastButton = (firstButton - 1) + buttonCount;
            if (lastButton > maxPage && lastButton > 1) {
                lastButton = maxPage;
            }

        }
    }

    private void createAllView() {
        setBtnGroup();
        this.removeAllViews();
        this.setPadding(Utils.dip2px(10), Utils.dip2px(20), Utils.dip2px(10), Utils.dip2px(20));
        createPrevious();
        if((firstButton >= buttonCount ||curPage == buttonCount)&& totalCount > buttonCount){
            firstButton = curPage - 2;
            lastButton = curPage + 2;
        }
        if(firstButton > 1 && totalCount > buttonCount){
            first();
            middleView();
        }
        while (firstButton <= lastButton && firstButton <= totalCount) {
            createView(firstButton);
            firstButton++;
        }
       if(lastButton < totalCount){
           middleView();
           last();
        }
        createNext();
    }

    @Override
    public void onClick(View view) {
        if (mPageChangeLinstener == null) return;
        if (view instanceof TextView) {
            TextView tv = (TextView) view;
            String txt = tv.getText().toString();
            if (txt.equalsIgnoreCase(getResources().getString(R.string.page_uppage))) {
                curPage -= 1;
                curPage = curPage >= 1 ? curPage : 1;
                setSelectView(curPage);
                mPageChangeLinstener.pageChanged(this, curPage);
                initPageComposite();
                return;
            }
            if (txt.equalsIgnoreCase(getResources().getString(R.string.page_downpage))) {
                curPage += 1;
                curPage = curPage <= maxPage ? curPage : maxPage;
                setSelectView(curPage);
                mPageChangeLinstener.pageChanged(this,curPage);
                initPageComposite();
                return;
            }
            if(txt.equalsIgnoreCase(String.valueOf(1))){
                curPage = 1;
                setSelectView(curPage);
                mPageChangeLinstener.pageChanged(this,curPage);
                initPageComposite();
                return;
            }
            if(txt.equalsIgnoreCase(String.valueOf(totalCount))){
                curPage = totalCount;
                setSelectView(curPage);
                mPageChangeLinstener.pageChanged(this,curPage);
                initPageComposite();
                return;
            }
        }
        if (view.getTag() != null) {
            Object tag = view.getTag();
            curPage = Integer.parseInt(tag.toString());
            mPageChangeLinstener.pageChanged(this,curPage);
            setSelectView(curPage);
            initPageComposite();
        }
    }

    private void setSelectView(int n) {
        for (int i = 0; i < this.getChildCount(); i++) {
            View v = this.getChildAt(i);
            if (v.getTag() != null) {
                int tag = Integer.parseInt(v.getTag().toString());
                if (tag == n) {
                    v.setSelected(true);
                    v.setBackgroundResource(R.drawable.selecter_btn_round5_red);
                } else {
                    v.setSelected(false);
                    v.setBackgroundResource(R.drawable.selecter_btn_round5_gray);
                }
            }
        }
    }

    /**
     * 设置分页监听事件
     */
    public void setPageChangeListener(OnPageChangeListener pageChangeListener) {
        this.mPageChangeLinstener = pageChangeListener;
    }


}

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值