work_weipa_listview下拉刷新

来源:互联网 发布:我的世界手机版龙珠js 编辑:程序博客网 时间:2024/06/11 04:33

问题:如何实现listview下拉刷新?

回答:通过自定义的listciew

例子:

自定义listview文件

public class MyListView extends ListView{private final static int RELEASE_To_REFRESH = 1;// 下拉过程的状态值private final static int PULL_To_REFRESH = 2; // 从下拉返回到不刷新的状态值private final static int REFRESHING = 3;// 正在刷新的状态值private final static int DONE = 4;private final static int LOADING = 5;// 实际的padding的距离与界面上偏移距离的比例private final static int RATIO = 6;private LayoutInflater inflater;// ListView头部下拉刷新的布局private LinearLayout headerView;private TextView lvHeaderTipsTv;private TextView lvHeaderLastUpdatedTv;// private ImageView lvHeaderArrowIv;private ProgressBar lvHeaderProgressBar;// 定义头部下拉刷新的布局的高度private int headerContentHeight;private RotateAnimation animation;private RotateAnimation reverseAnimation;private int startY;private int state;private boolean isBack;// 用于保证startY的值在一个完整的touch事件中只被记录一次private boolean isRecored;private OnRefreshListener refreshListener;public static boolean isRefreshable;private AttributeSet attrs;public MyListView(Context context) {super(context);// TODO Auto-generated constructor stubinit(context);}public MyListView(Context context, AttributeSet attrs) {super(context, attrs);init(context);}private void init(Context context) {// TODO Auto-generated method stub// setCacheColorHint(context.getResources().getColor(R.color.transparent));inflater = LayoutInflater.from(context);headerView = (LinearLayout) inflater.inflate(R.layout.home_lv_header,null);// 下拉刷新提示lvHeaderTipsTv = (TextView) headerView.findViewById(R.id.lvHeaderTipsTv);// 最近更新提示lvHeaderLastUpdatedTv = (TextView) headerView.findViewById(R.id.lvHeaderLastUpdatedTv);// 进度条lvHeaderProgressBar = (ProgressBar) headerView.findViewById(R.id.lvHeaderProgressBar);measureView(headerView);headerContentHeight = headerView.getMeasuredHeight();// 设置内边距,正好距离顶部为一个负的整个布局的高度,正好把头部隐藏headerView.setPadding(0, -1 * headerContentHeight, 0, 0);// 重绘一下headerView.invalidate();// 将下拉刷新的布局加入ListView的顶部addHeaderView(headerView, null, false);// 设置滚动监听事件//setOnScrollListener(this);// 设置旋转动画事件animation = new RotateAnimation(0, -100,RotateAnimation.RELATIVE_TO_SELF, 0.5f,RotateAnimation.RELATIVE_TO_SELF, 0.5f);animation.setInterpolator(new LinearInterpolator());animation.setDuration(250);animation.setFillAfter(true);// 设置旋转动画事件reverseAnimation = new RotateAnimation(-180, 0,RotateAnimation.RELATIVE_TO_SELF, 0.5f,RotateAnimation.RELATIVE_TO_SELF, 0.5f);reverseAnimation.setInterpolator(new LinearInterpolator());reverseAnimation.setDuration(200);reverseAnimation.setFillAfter(true);// 一开始的状态就是下拉刷新完的状态,所以为DONEstate = DONE;// 是否正在刷新isRefreshable = false;}@Overridepublic boolean onTouchEvent(MotionEvent ev) {// TODO Auto-generated method stubif (isRefreshable) {switch (ev.getAction()) {case MotionEvent.ACTION_DOWN:if (!isRecored) {isRecored = true;startY = (int) ev.getY();// 手指按下时记录当前位置}break;case MotionEvent.ACTION_UP:if (state != REFRESHING && state != LOADING) {if (state == PULL_To_REFRESH) {state = DONE;changeHeaderViewByState();}if (state == RELEASE_To_REFRESH) {state = REFRESHING;changeHeaderViewByState();onLvRefresh();}}isRecored = false;isBack = false;break;case MotionEvent.ACTION_MOVE:int tempY = (int) ev.getY();if (!isRecored) {isRecored = true;startY = tempY;}if (state != REFRESHING && isRecored && state != LOADING) {// 保证在设置padding的过程中,当前的位置一直是在head,否则如果当列表超出屏幕的话,当在上推的时候,列表会同时进行滚动// 可以松手去刷新了if (state == RELEASE_To_REFRESH) {setSelection(0);// 往上推了,推到了屏幕足够掩盖head的程度,但是还没有推到全部掩盖的地步if ((tempY - startY) / RATIO < headerContentHeight&& (tempY - startY) > 0) {// 由松开刷新状态转变到下拉刷新状态state = PULL_To_REFRESH;changeHeaderViewByState();} else if (tempY - startY <= 0) {// 一下子推到顶了// 由松开刷新状态转变到done状态state = DONE;changeHeaderViewByState();}}// 还没有到达显示松开刷新的时候,DONE或者是PULL_To_REFRESH状态if (state == PULL_To_REFRESH) {setSelection(0);// 下拉到可以进入RELEASE_TO_REFRESH的状态if ((tempY - startY) / RATIO >= headerContentHeight) {// 由done或者下拉刷新状态转变到松开刷新state = RELEASE_To_REFRESH;isBack = true;changeHeaderViewByState();}// 上推到顶了else if (tempY - startY <= 0) {// 由done或者下拉刷新状态转变到done状态state = DONE;changeHeaderViewByState();}}// done状态下if (state == DONE) {if (tempY - startY > 0) {state = PULL_To_REFRESH;changeHeaderViewByState();}}// 更新headView的sizeif (state == PULL_To_REFRESH) {headerView.setPadding(0, -1 * headerContentHeight+ (tempY - startY) / RATIO, 0, 0);}// 更新headView的paddingTopif (state == RELEASE_To_REFRESH) {headerView.setPadding(0, (tempY - startY) / RATIO- headerContentHeight, 0, 0);}}default:break;}}return super.onTouchEvent(ev);}// 当状态改变时候,调用该方法,以更新界面private void changeHeaderViewByState() {// TODO Auto-generated method stubswitch (state) {case RELEASE_To_REFRESH:lvHeaderProgressBar.setVisibility(View.GONE);lvHeaderTipsTv.setVisibility(View.VISIBLE);lvHeaderLastUpdatedTv.setVisibility(View.VISIBLE);lvHeaderTipsTv.setText("松开刷新");break;case PULL_To_REFRESH:lvHeaderProgressBar.setVisibility(View.GONE);lvHeaderTipsTv.setVisibility(View.VISIBLE);lvHeaderLastUpdatedTv.setVisibility(View.VISIBLE);// 是由RELEASE_To_REFRESH状态转变来的if (isBack) {isBack = false;lvHeaderTipsTv.setText("下拉刷新");} else {lvHeaderTipsTv.setText("下拉刷新");}break;case REFRESHING:headerView.setPadding(0, 0, 0, 0);lvHeaderProgressBar.setVisibility(View.VISIBLE);lvHeaderTipsTv.setText("正在刷新...");lvHeaderLastUpdatedTv.setVisibility(View.VISIBLE);break;case DONE:headerView.setPadding(0, -1 * headerContentHeight, 0, 0);lvHeaderProgressBar.setVisibility(View.GONE);lvHeaderTipsTv.setText("下拉刷新");lvHeaderLastUpdatedTv.setVisibility(View.VISIBLE);break;}}// 此方法直接照搬自网络上的一个下拉刷新的demo,此处是“估计”headView的width以及heightprivate void measureView(View child) {ViewGroup.LayoutParams params = child.getLayoutParams();if (params == null) {params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,ViewGroup.LayoutParams.WRAP_CONTENT);}int childWidthSpec = ViewGroup.getChildMeasureSpec(0, 0 + 0,params.width);int lpHeight = params.height;int childHeightSpec;if (lpHeight > 0) {childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight,MeasureSpec.EXACTLY);} else {childHeightSpec = MeasureSpec.makeMeasureSpec(0,MeasureSpec.UNSPECIFIED);}child.measure(childWidthSpec, childHeightSpec);}// 刷新的监听public void setonRefreshListener(OnRefreshListener refreshListener) {this.refreshListener = refreshListener;isRefreshable = true;}// 接口public interface OnRefreshListener {public void onRefresh();}// 刷新完成public void onRefreshComplete() {state = DONE;SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日  HH:mm");String date = format.format(new Date());lvHeaderLastUpdatedTv.setText("最近更新:" +date);changeHeaderViewByState();}private void onLvRefresh() {if (refreshListener != null) {refreshListener.onRefresh();}}public void setAdapter(AllThemesAdapter adapter) {SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日  HH:mm");String date = format.format(new Date());lvHeaderLastUpdatedTv.setText("最近更新:" + date);super.setAdapter(adapter);}

①布局文件

fragment_home.xml

<com.example.weipa.galview.MyListView            android:scrollbars="none"            android:id="@+id/lv_all_themes"            android:layout_width="fill_parent"            android:layout_height="fill_parent"            android:layout_marginLeft="10dp"            android:layout_marginRight="10dp"            android:layout_marginBottom="10dp"            android:layout_marginTop="10dp"            android:divider="#ffffff" />

home_lv_header.xml

<RelativeLayout        android:id="@+id/head_contentLayout"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:paddingLeft="30dp" >        <!-- 箭头图像、进度条 -->        <FrameLayout            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentLeft="true"            android:layout_centerVertical="true" >            <!-- 箭头 -->            <!--                <ImageView                 android:id="@+id/lvHeaderArrowIv"                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:layout_gravity="center"                  android:src="@drawable/arrow" /> -->            <!-- 进度条 -->            <ProgressBar                android:id="@+id/lvHeaderProgressBar"                style="?android:attr/progressBarStyleSmall"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_gravity="center"                android:visibility="gone" />        </FrameLayout>        <!-- 提示、最近更新 -->        <LinearLayout            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerHorizontal="true"            android:gravity="center_horizontal"            android:orientation="vertical" >            <!-- 提示 -->            <TextView                android:id="@+id/lvHeaderTipsTv"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="下拉刷新"                android:textSize="20sp" />            <!-- 最近更新 -->            <TextView                android:id="@+id/lvHeaderLastUpdatedTv"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="上次更新"                android:textColor="#f77000"                android:textSize="10sp" />        </LinearLayout>    </RelativeLayout>    <LinearLayout        android:id="@+id/lv_con"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:background="#ffffff"        android:orientation="vertical" >    </LinearLayout>

②adapter文件

public class MyFragmentPagerAdapter extends FragmentPagerAdapter {    private ArrayList<Fragment> fragmentsList;    public MyFragmentPagerAdapter(FragmentManager fm) {        super(fm);    }    public MyFragmentPagerAdapter(FragmentManager fm, ArrayList<Fragment> fragments) {        super(fm);        this.fragmentsList = fragments;    }    @Override    public int getCount() {        return fragmentsList.size();    }    @Override    public Fragment getItem(int arg0) {        return fragmentsList.get(arg0);    }    @Override    public int getItemPosition(Object object) {        return super.getItemPosition(object);    }

③实现

public class HomeFragment extends Fragment {// 声明适配器对象private AllThemesAdapter adapter;// 声明管理对象private AllThemesInfoManager allThemesInfoManager;// 创建出分页对象private PageInfo pageInfo = new PageInfo();// 声明listView控件对象// private ListView lv_all_themes;private MyListView lv_all_themes;private boolean isFinal = false;private int showItem = 0;// 声明activity对象Oprivate Activity activity;private List<Themes> list;@Overridepublic void onAttach(Activity activity) {// TODO Auto-generated method stubsuper.onAttach(activity);this.activity = activity;}Handler handler = new Handler() {public void handleMessage(Message msg) {switch (msg.what) {case WhatUtil.QUERYCATEGORIES:// 创建适配器对象pageInfo = allThemesInfoManager.getPageInfo();adapter = new AllThemesAdapter(getActivity(),allThemesInfoManager.getEntities(), getActivity());// 设置listView控件的适配器lv_all_themes.setAdapter(adapter);lv_all_themes.setSelection(showItem);lv_all_themes.setOnScrollListener(new myScrollListener());lv_all_themes.setVerticalScrollBarEnabled(true);// 设置item点击事件lv_all_themes.setOnItemClickListener(new myOnItemClickListener());lv_all_themes.setonRefreshListener(new OnRefreshListener() {@Overridepublic void onRefresh() {new AsyncTask<Void, Void, Void>() {protected Void doInBackground(Void... params) {try {Thread.sleep(1000);} catch (Exception e) {e.printStackTrace();}return null;}@Overrideprotected void onPostExecute(Void result) {adapter.notifyDataSetChanged();lv_all_themes.onRefreshComplete();}}.execute(null, null, null);}});break;}}};@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// TODO Auto-generated method stubView v = inflater.inflate(R.layout.fragment_home, container, false);// 获取布局对象的listviewlv_all_themes = (MyListView) v.findViewById(R.id.lv_all_themes);// 创建管理对象allThemesInfoManager = new AllThemesInfoManager(getActivity(), handler);// 获取当前页的数据allThemesInfoManager.queryObjects(1);return v;}class myScrollListener implements OnScrollListener {@Overridepublic void onScrollStateChanged(AbsListView view, int scrollState) {// TODO Auto-generated method stubif (isFinal && scrollState == OnScrollListener.SCROLL_STATE_IDLE) {if (pageInfo.getNowPage() != pageInfo.getCountPage()) {allThemesInfoManager.queryObjects(pageInfo.getNowPage() + 1);isFinal = false;}}}@Overridepublic void onScroll(AbsListView view, int firstVisibleItem,int visibleItemCount, int totalItemCount) {// TODO Auto-generated method stubif ((firstVisibleItem + visibleItemCount) >= totalItemCount) {isFinal = true;showItem = firstVisibleItem;}if (firstVisibleItem == 0) {MyListView.isRefreshable = true;} else {MyListView.isRefreshable = false;}}}// 创建item点击事件class myOnItemClickListener implements OnItemClickListener {@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position,long id) {// 获取商品位置Themes themes = (Themes) parent.getItemAtPosition(position);// 创建GoodsInfoFragment对象ThemeFragment fragment = new ThemeFragment();// 传值Bundle bundle = new Bundle();bundle.putString("title", themes.getTitle());bundle.putString("content", themes.getContent());fragment.setArguments(bundle);Fragment yfragment = getFragmentManager().findFragmentByTag("theme");// 判断是否为nullif (yfragment != null) {// 移除getFragmentManager().beginTransaction().remove(yfragment).commit();}// 添加getFragmentManager().beginTransaction().setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE).add(R.id.main_content, fragment, "theme").commit();// 显示MainActivity activity = (MainActivity) getActivity();activity.replaceMain("theme");}}

图示:


0 0