Android 自定义 View加载视图之 LoadingLayout
nusjj078r
8年前
<h2>介绍</h2> <p>上一篇博文写了一个通用的加载view,这篇在加载view的基础在包裹一层就是LoadingLayout了,主要的目的是免去每次加载时要隐藏主内容布局,然后加载成功之后显示主内容布局这些繁琐操作。实现原理很简单,就是LoadingLayout在包裹内容层的基础上,在代码里添加loadingView作为第二个子view,所以不做过多讲解,大家看完直接下载源码参考。</p> <h2>LoadingLayout</h2> <p>This is a view for simplify the operation to loading</p> <p>一个app加载数据通常是显示加载状态,加载成功之后显示主内容视图,如果是列表数据的话如ListView,GridView,RecyclerView一般就不用设置主内容视图隐藏了,</p> <p>但是如果主视图有些控件如TextView会带效果而不是一片空白的,我们通常需要隐藏主视图,在请求到数据之后回填数据并显示主视图,而这些事情在代码里设置总是很麻烦,</p> <p>该控件的目的就是为了简化这些步骤。</p> <p style="text-align:center"><img src="https://simg.open-open.com/show/20353900d7c68de3e839410751160e99.gif"></p> <p>这里写图片描述</p> <h2>特点</h2> <p>1、使用简单,实现原理也简单。</p> <p>2、支持自定义各种视图,只需要把你要显示的视图set进去即可</p> <p style="text-align:center"><img src="https://simg.open-open.com/show/595cef18ff4750e251837932e4b04e62.gif"></p> <p>这里写图片描述</p> <p>3、支持设置错误视图点击事件。</p> <p>这里只是提供个思路,大家可以下载源码去修改成最适合你的view。</p> <h2>使用</h2> <p>1、xml里声明view,包裹在内容视图的外层。</p> <pre> <code class="language-java"><?xml version="1.0" encoding="utf-8"?> <com.qiangyuyang.demo.widget.CommonLoadingLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/loadingLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="主内容"/> </com.qiangyuyang.demo.widget.CommonLoadingLayout></code></pre> <p>2、Java代码里获取控件并在合适的时候调用加载,加载失败,加载成功等方法。</p> <pre> <code class="language-java">public class LoadingLayoutActivity extends AppCompatActivity { protected CommonLoadingLayout mLoadingLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); super.setContentView(R.layout.activity_loading_layout); mLoadingLayout = (CommonLoadingLayout) findViewById(R.id.loadingLayout); //设置错误视图点击重新加载事件 mLoadingLayout.setLoadingHandler(new CommonLoadingView.LoadingHandler() { @Override public void doRequestData() { mLoadingLayout.load(); mLoadingLayout.postDelayed(new Runnable() { @Override public void run() { mLoadingLayout.loadSuccess(); } }, 3000); } }); //模拟加载网络请求后出现错误 mLoadingLayout.load(); mLoadingLayout.postDelayed(new Runnable() { @Override public void run() { mLoadingLayout.loadError(); } }, 3000); } }</code></pre> <p>3、自定义加载、加载错误、等视图。</p> <pre> <code class="language-java">ProgressBar progressBar = new ProgressBar(this); this.mLoadingLayout.setLoadingView(progressBar); TextView textView = new TextView(this); textView.setText("加载失败..."); this.mLoadingLayout.setLoadingErrorView(textView); mLoadingLayout.load();</code></pre> <p> </p> <p>来自:http://www.jianshu.com/p/a2bd9386d7c8</p> <p> </p>