[英]How to implement pull down refresh in android?
目前我正在研究一个片段,它只是一个带有framelayout的webview,问题是,我想做一些像下拉刷新的东西(就像列表视图常见的一些刷新功能)。
假设有一个refreshToDo()
函数, 我只需要一个布局 (当我拖动它显示刷新标题的主体时,当标题位于某个高度时,它调用refreshToDo()
,当我释放它时,它会返回顶部和隐藏),但如何实现? 谢谢
布局:(它包含主要内容和目标内容,您可以简单地插入目标内容,它用于在webview中全屏播放视频):
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<FrameLayout
android:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<WebView
android:id="@+id/webView"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</FrameLayout>
<FrameLayout
android:id="@+id/target_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/black"
android:visibility="gone" >
</FrameLayout>
</RelativeLayout>
分段:
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View rootView = inflater.inflate(R.layout.web_fragment, container,
false);
mTargetView = (FrameLayout) rootView.findViewById(R.id.target_view);
mContentView = (FrameLayout) rootView.findViewById(R.id.main_content);
mWebView = (WebView) rootView.findViewById(R.id.webView);
mWebView.setVerticalScrollBarEnabled(false);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
WebView.setWebContentsDebuggingEnabled(true);
}
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN)
mWebView.getSettings().setAllowUniversalAccessFromFileURLs(true);
mWebView.setWebViewClient(new MyWebViewClient(getActivity()));
mWebView.setWebChromeClient(new MyWebChromeClient(getActivity()));
mWebView.getSettings().setDomStorageEnabled(true);
mWebView.getSettings().setPluginState(WebSettings.PluginState.ON);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(this, "jsinterface");
// default go to video page
mWebView.loadUrl("file://" + getActivity().getFilesDir().toString()
+ StorageUtils.finalfoldername.toString() + "video_list.html");
return rootView;
}
如何添加自定义视图以实现下拉刷新? 谢谢
现在Android支持库中有一个官方小部件SwipeRefreshLayout。 它正在做你正在寻找的东西。 文档在这里:
https://developer.android.com/reference/android/support/v4/widget/SwipeRefreshLayout.html
这是我发现的一个很好的教程:
对于那些想在webView中使用此功能的人!
在xml布局中,将WebView
包装到SwipeRefreshLayout
:
<android.support.v4.widget.SwipeRefreshLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/swipe_container"
android:layout_width="match_parent"
android:layout_height="match_parent">
<WebView
android:id="@+id/web_view"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</android.support.v4.widget.SwipeRefreshLayout>
在您的Activity / Fragment类中:
//declare it as global var for future cancel refresh
private SwipeRefreshLayout swipeLayout;
//where you initialize your views:
swipeLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_container);
swipeLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
@Override
public void onRefresh() {
//your method to refresh content
}
});
//don't forget to cancel refresh when work is done
if(swipeLayout.isRefreshing()) {
swipeLayout.setRefreshing(false);
}
例如,您可以设置webView客户端,当页面加载时,您将取消刷新:
webView.setWebViewClient(new WebViewClient() {
@Override
public void onPageFinished(WebView web, String url) {
if (swipeLayout.isRefreshing()) {
swipeLayout.setRefreshing(false);
}
}
});
看看真棒ActionBar-PullToRefresh库。 它使用gmail / google +进度条进行刷新手势,具有高度可配置性,非常易于实现。
您可以使用Android支持库中提供的SwipeRefreshLayout 。
可以在此链接中找到包含教程的完整示例代码示例
试试这个:LisView Custom XListView-Android
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.