A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 我是楠楠 于 2017-11-28 10:01 编辑

可直接使用的刷新加载的自定义listview
ONE Goal, ONE Passion!
每个项目中基本都会用到刷新,加载的功能.而且用的最多的就是PullRefrushListView开源框架,使用时每次还要导jar,用起来是挺好的,就是不想导包,那就自己写吧.
自定义MyListView 继承至ListView
[AppleScript] 纯文本查看 复制代码
public class MyListView extends ListView {

    Context mContext;
    View headerView;//头布局
    private View header_textView;//头布局中的textview

    View footerView;//脚布局
    private View footer_textView;//脚布局中的textview

    int totalItemCount;// 总数量;
    int lastVisibleItem;// 最后一个可见的item;

    public MyListView(Context context) {
        super(context,0);

    }

    public MyListView(Context context, AttributeSet attrs) {
        super(context, attrs,null);

    }

    public MyListView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.mContext = context;
        initView();
    }

    private void initView() {

        LayoutInflater inflater = LayoutInflater.from(mContext);
        //为Listview加载头布局
        headerView = inflater.inflate(R.layout.header_layout, null);
        header_textView = headerView.findViewById(R.id.header_view);

        final Animation animation = AnimationUtils.loadAnimation(mContext, R.anim.rotate);
   //     header_textView.startAnimation(animation);  //开始动画


        header_textView.setVisibility(View.GONE);
        this.addHeaderView(headerView);

        //为Listview加载脚布局
        footerView = inflater.inflate(R.layout.footer_layout, null);
        footer_textView = footerView.findViewById(R.id.footer_layout);
    //    footer_textView.startAnimation(animation);  //开始动画

        footer_textView.setVisibility(View.GONE);
        this.addFooterView(footerView);


    }

    int downY;
    int moveY;

    //防止多次触发move事件,所以在up事件中请求数据


    boolean load_state = false;//加载的状态(开始加载)
    boolean refresh_state = false;//开始刷新的状态(开始刷新)

    @Override
    public boolean onTouchEvent(MotionEvent ev) {

        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                downY = (int) ev.getY();

                break;
            case MotionEvent.ACTION_MOVE:

                moveY = (int) ev.getY();

                //如果显示的是第一条则刷新数据
                if (getFirstVisiblePosition() == 0) {

                    if ((moveY - downY) > 200) {
                        //让下拉刷新框显示
                        header_textView.setVisibility(View.VISIBLE);
                        refresh_state = true;
                    }

                } else if (getLastVisiblePosition() == (getCount() - 1) && moveY - downY < -200) {
                    //如果是最后一个条目的话就加载更多
                    footer_textView.setVisibility(View.VISIBLE);
                    load_state = true;

                }

                break;
            case MotionEvent.ACTION_UP:

                if (refresh_state) {
                    mlistener.onRefresh();
                }
                if (load_state) {

                    mlistener.onLoadMore();
                }


                break;
        }


        return super.onTouchEvent(ev);
    }

    /**
     * 当刷新完成是调用,以便更改一些标志符
     */
    public void GetedRefreshData() {

        header_textView.setVisibility(View.GONE);
        refresh_state = false;

    }

    /*
     * 当加载完成是调用,以便更改一些标志符
     */
    public void GetedMoreData() {

        footer_textView.setVisibility(View.GONE);
        load_state = false;

    }


    public void setIOnPullListener(IOnPullListener listener) {
        this.mlistener = listener;
    }


    IOnPullListener mlistener;

    public interface IOnPullListener {
        void onLoadMore();

        void onRefresh();
    }

}


使用到的一些资源:
1,头布局header_layout.xml
[AppleScript] 纯文本查看 复制代码
<?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">

    <ImageView
        android:id="@+id/header_view"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:background="@drawable/dengdai" />


</LinearLayout>
2,脚布局footer_layout.xml
[AppleScript] 纯文本查看 复制代码
<?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">

    <ImageView
        android:id="@+id/footer_layout"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:background="@drawable/dengdai" />


</LinearLayout>
3,动画资源
[AppleScript] 纯文本查看 复制代码
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator">

    <rotate
        android:duration="6000"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="1080" />
</set>
4,为头或脚布局添加动画:
[AppleScript] 纯文本查看 复制代码
Animation animation = AnimationUtils.loadAnimation(mContext, R.anim.rotate);
//header_textView为布局中需要执行动画的组件
      header_textView.startAnimation(animation);  //开始动画
在Activity使用:
ListActivity 的java代码:
[AppleScript] 纯文本查看 复制代码
public class ListActivity extends AppCompatActivity {


    MyListView lv;

    List<String> mList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list);


        initDatas();
        initView();


    }

    private void initView() {

        lv = (MyListView) findViewById(R.id.lv);

        adapter = new myAdapter(mList);

        lv.setAdapter(adapter);

        lv.setVerticalScrollBarEnabled(false);
        lv.setIOnPullListener(new MyListView.IOnPullListener() {
            @Override
            public void onLoadMore() {

                mList.add(需要加载更多的数据);
                lv.GetedMoreData();
                adapter.notifyDataSetChanged();
            }

            @Override
            public void onRefresh() {

                mList.add(0, 刷新需要更新的数据);

                lv.GetedRefreshData();
                adapter.notifyDataSetChanged();
            }


        });

    }

    private void initDatas() {

        mList = new ArrayList<>();

        for (int i = 'A'; i <= 'G'; i++) {
            mList.add("" + (char) i);

        }
    }


    myAdapter adapter;

    class myAdapter extends BaseAdapter {

        List<String> listData;

        myAdapter(List<String> list) {

            this.listData = list;
        }

        @Override
        public int getCount() {
            return listData.size();
        }

        @Override
        public Object getItem(int position) {
            return null;
        }

        @Override
        public long getItemId(int position) {
            return 0;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {

            holder = null;
            if (convertView == null) {

                holder = new myViewHolder();
                convertView = getLayoutInflater().inflate(R.layout.item_simple, null);

                holder.tv = (TextView) convertView.findViewById(R.id.tv);
                convertView.setTag(holder);

            } else {

                holder = (myViewHolder) convertView.getTag();
            }

            holder.tv.setText(listData.get(position) + "");


            return convertView;
        }
    }

    myViewHolder holder;

    class myViewHolder {

        TextView tv;
    }
}
activity_list.xml布局文件:
[AppleScript] 纯文本查看 复制代码
<?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"

    tools:context="com.example.activity.ListActivity">

    <com.example.view.MyListView

        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </com.example.view.MyListView>

</RelativeLayout>
一些使用细节
滑动条
[AppleScript] 纯文本查看 复制代码
 //listview不显示滑动条
 lv.setVerticalScrollBarEnabled(false);
分割线
[AppleScript] 纯文本查看 复制代码
// 此属性可设置分割线的样式
android:divider="@drawable/"
//不使用分割线
android:divider="null"
代码比较简单,主要是出来一些事件.根据不同的事件去执行不同的方法.以后不用再导jar包了.




传智播客·黑马程序员郑州校区地址
河南省郑州市 高新区长椿路11号大学科技园(西区)东门8号楼三层
联系电话 0371-56061160/61/62
来校路线  地铁一号线梧桐街站A口出



2 个回复

倒序浏览
来看看
回复 使用道具 举报
来看看 listview
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马