使用LitePal做一个收藏新闻的功能 + SwipeBackLayout滑出活动

由于想做一个收藏功能，于是想到了用数据库的方法去实现，顺其自然地我想到了以前看过的《第二行代码》中讲过这方面的知识，后来把书拿出来翻了翻，也去郭神的博客上看了看，收获还是不少滴。

关于LitePal的github地址在这里： https://github.com/LitePalFramework/LitePal

接下来就是怎么去用LitePal了。首先添加依赖：

dependencies {    compile 'org.litepal.android:core:1.6.0'}

其次，在app/src/main目录下新建一个assets目录，然后在assets目录中新建一个litepal.xml文件，每次我创建这个文件的时候老跑到value里面去，只好把它拖回到assets中来。

然后就是litepal.xml的内容;

<?xml version="1.0" encoding="utf-8"?><litepal>    <dbname value="NewsCollectionStore"></dbname>    <version value="1"></version>    <list>        <mapping class="com.example.administrator.simpleapp.domain.LitePalNewsBean"></mapping>    </list></litepal>

dbname表示想要创建的数据库名字，version是数据库的版本，list中则表示具体的数据类啦。同时，也不能忘了配置LitePalApplication

<manifest>    <application        android:name="org.litepal.LitePalApplication"        ...    >        ...    </application></manifest>

还有一点需要注意的是，每个数据类需要继承DataSupport，比如我创建的这个数据库：

public class LitePalNewsBean extends DataSupport {    private int id;    private String content;    private String imageurl;    private String title;    private String weburl;    private String weburl2;    private String time;    ...get...    ...set...}

上面的id不要忘记了，每在LitePal中添加一个数据，这个id就会自动增加的。

以上，LitePal就算配置完成了，现在只要进行任意一次数据库的操作，数据库就会创建出来。比如，我在MainActivity的Oncreate方法中添加：

        LitePal.getDatabase();

剩下的，关于LitePal的增删改查就不说了，郭神的博客中有详细介绍。

由于我想实现的是给新闻增加收藏和删除的功能，所以主要考虑一下应该怎么去做。

接下来，创建一个LitePal的工具类，作用是

1、判断这条新闻是否已经被添加。

2、收藏一条新闻（添加数据到库）。

3、取消收藏一条新闻（从库中删数据）。

4、查找所有收藏的新闻（查找库中所有数据）

创建DataBaseUtils.class :

public class DataBaseUtils {    //查询某条新闻是否存在    public static boolean ifExitInCollect(String title) {        Boolean flag=false;        List<LitePalNewsBean> collectNews = DataSupport.select("title").where("title=?", title).find(LitePalNewsBean.class);        for (LitePalNewsBean collectNews1 : collectNews) {            if (collectNews1.getTitle() != null) {                //数据库中存在                flag=true;            }        }        return flag;    }    //查询所有新闻    public static List<LitePalNewsBean> getCollectNewsList(){        List<LitePalNewsBean> collectNewses = DataSupport.order("id desc").find(LitePalNewsBean.class);        return collectNewses;    }    //增加一条新闻    public static void addCollectNews(String content,String imageurl,  String title,     String weburl, String weburl2, String time){        LitePalNewsBean collectNews=new LitePalNewsBean();        collectNews.setContent(content);        collectNews.setImageurl(imageurl);        collectNews.setTitle(title);        collectNews.setWeburl(weburl);        collectNews.setWeburl2(weburl2);        collectNews.setTime(time);        collectNews.save();    }    //删除当前新闻    public static void deleteCollectNews(String title){        DataSupport.deleteAll(LitePalNewsBean.class,"title=?",title);    }}

接下来就来简单的实验一下，先做一个收藏功能的简陋雏形。

设置新闻列表ListView的长按监听：

    private class MyOnItemLongClickListener implements AdapterView.OnItemLongClickListener{        private List<NewsTopBeanAuto.ResultBeanX.ResultBean.ListBean> listBeen;        public MyOnItemLongClickListener(List<NewsTopBeanAuto.ResultBeanX.ResultBean.ListBean> listBeen) {            this.listBeen = listBeen;        }        @Override        public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {            int realPosition = position - 1 + 4;            String title = listBeen.get(realPosition).getTitle();            boolean flag = DataBaseUtils.ifExitInCollect(title);            if (flag){                Toast.makeText(context, "已经收藏过了", Toast.LENGTH_SHORT).show();            } else {                Toast.makeText(context, "收藏成功" , Toast.LENGTH_SHORT).show();                NewsTopBeanAuto.ResultBeanX.ResultBean.ListBean data = listBeen.get(realPosition);                DataBaseUtils.addCollectNews(data.getContent(), data.getPic(), data.getTitle(), data.getUrl(), data.getWeburl(), data.getTime());            }//            DataSupport.deleteAll(LitePalNewsBean.class);            List<LitePalNewsBean> allNews = DataSupport.findAll(LitePalNewsBean.class);            for (LitePalNewsBean theNews : allNews){                LogUtil.e("" + theNews.getTitle());//                LogUtil.e("" + theNews.getContent());//                LogUtil.e("" + theNews.getImageurl());//                LogUtil.e("" + theNews.getTime());//                LogUtil.e("" + theNews.getWeburl());//                LogUtil.e("" + theNews.getWeburl2());                LogUtil.e("" + theNews.getId());            }            return true;        }    }

由于上面的打印太多了，所以把其中一些注释掉，然后看一下效果吧：

同时看一下打印的日志：

上面两张图片的效果也算作是收藏功能的一个雏形吧。接下来就开始着手收藏功能的具体实现吧。

首先准备两张五角星图片，分别表示收藏的两种状态，res/menu中创建collection_menu.xml:

<?xml version="1.0" encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android"      xmlns:app="http://schemas.android.com/apk/res-auto">    <item        android:id="@+id/my_collection"        android:title="收藏"        android:icon="@drawable/empty_star"        app:showAsAction="always"/></menu>

在Toolbar中去显示它，Toolbar怎么用就不谈了。

重要的是下面的两个方法中以及其中的逻辑：

    ...    private boolean flag;    ...    @Override    public boolean onCreateOptionsMenu(Menu menu) {        getMenuInflater().inflate(R.menu.collection_menu, menu);        MenuItem collectionItem = menu.getItem(0);        flag = DataBaseUtils.ifExitInCollect(title);        if (flag){ //数据存在，表示已经收藏过了            collectionItem.setIcon(R.drawable.full_star);        } else { //数据不存在，没有收藏            collectionItem.setIcon(R.drawable.empty_star);        }        return true;    }        public boolean onOptionsItemSelected(MenuItem item) {        switch (item.getItemId()){            case android.R.id.home:                finish();                return true;            case R.id.my_collection:                if (flag){ //如果现在处于收藏状态，点击则取消收藏,也就是删除收藏过的新闻                    DataBaseUtils.deleteCollectNews(title);                    flag = false;                    item.setIcon(R.drawable.empty_star);                    Toast.makeText(this, "取消收藏成功", Toast.LENGTH_SHORT).show();                    for (LitePalNewsBean theNews : DataBaseUtils.getCollectNewsList()){                        LogUtil.e("" + theNews.getTitle());                        LogUtil.e("" + theNews.getId());                    }                }else { //如果现在处于未收藏状态，点击则收藏,也就是添加这条没收藏过的新闻                    DataBaseUtils.addCollectNews(content, imageUrl, title, webUrl, webUrl2, time);                    flag = true;                    item.setIcon(R.drawable.full_star);                    Toast.makeText(this, "收藏成功", Toast.LENGTH_SHORT).show();                    for (LitePalNewsBean theNews : DataBaseUtils.getCollectNewsList()){                        LogUtil.e("" + theNews.getTitle());                        LogUtil.e("" + theNews.getId());                    }                }                break;            default:break;        }        return true;    }

核心的部分解决了，现在看一下效果：

搭配打印日志：

效果还是非常明显的，这样，收藏的功能就做好了，之后就是怎么把收藏的数据展示到界面上去了，前面这些都完成了，这个其实很简单的。就不详说了。

看一下收藏效果吧：

由于没有对数据库进行监听，所以取消收藏并且退出的时候，列表还没有刷新，这个问题以后再来解决。

接下来顺便做一下左滑退出活动的效果吧。

使用SwipeBackLayout这个控件去实现滑出活动的效果，github的地址是：

https://github.com/ikew0ng/SwipeBackLayout

参考的文章地址是：http://blog.csdn.net/eiuly/article/details/46472783

使用方法可以在上面这盘文章看到，下面是使用步骤：

    1.关联库，我是下载的压缩包关联的库，导入library之后把gradle中一些版本数字改一下即可。2.让想要使用该效果的活动继承SwipeBackActivity3.获取SwipeBackLayout的实例：private SwipeBackLayout swipeBackLayout;@Overrideprotected void onCreate(Bundle savedInstanceState) {    ...    swipeBackLayout = getSwipeBackLayout();  //获取实例    swipeBackLayout.setEdgeTrackingEnabled(SwipeBackLayout.EDGE_LEFT);  //设置从左侧滑出活动    swipeBackLayout.setEdgeSize(DensityUtils.dip2px(NewsDetailActivity.this, 200)); //设置可以滑动的范围，这里使用的是像素转化工具类    //根据手机的分辨率从 dip 的单位 转成为 px(像素)    ...}

下面是工具类DensityUtils：

public class DensityUtils {    /**     * 根据手机的分辨率从 dip 的单位 转成为 px(像素)     */    public static int dip2px(Context context, float dpValue) {        final float scale = context.getResources().getDisplayMetrics().density;        return (int) (dpValue * scale + 0.5f);    }    /**     * 根据手机的分辨率从 px(像素) 的单位 转成为 dp     */    public static int px2dip(Context context, float pxValue) {        final float scale = context.getResources().getDisplayMetrics().density;        return (int) (pxValue / scale + 0.5f);    }}

还有一些可加可不加的属性：

在使用的主题中添加下面的属性，否则滑动时activity的下层是黑色的<item name="android:windowIsTranslucent">true</item>  当使用BaseActivity时，为了使首页不会滑动删除，只需如下设置即可setSwipeBackEnable(false); //禁止滑动删除

最后看一下效果：

—————————————————————

更新

上面说过，由于没有给数据库添加监听，所以当取消收藏新闻的时候返回到收藏界面，这时候收藏列表是还来不及更新的。

之后试了很多办法还是没有解决，不过后来从一位高人那里得到真传，告知我可以使用广播去更新UI，我试了一下，确实可以！！！

接下来就说明一下是如何做到的。

自定义一个广播，并且要是动态注册的。

在CollectionActivity.class中（也就是收藏列表的界面）添加如下内容：

.    private IntentFilter filter;    private MyBroadCastReceiver myBroadCastReceiver;    @Override    protected void onCreate(Bundle savedInstanceState) {        ...        myBroadCastReceiver = new MyBroadCastReceiver();        filter = new IntentFilter();        filter.addAction("com.example.administrator.simpleapp.MY_BROADCAST"); //自定义广播接收值        registerReceiver(myBroadCastReceiver, filter);        ...    }    class MyBroadCastReceiver extends BroadcastReceiver{        @Override        public void onReceive(Context context, Intent intent) {            recyclerView.setAdapter(new MyCollectionRecyclerAdapter(CollectionActivity.this, DataBaseUtils.getCollectNewsList()));        }    }    @Override    protected void onDestroy() {        super.onDestroy();        unregisterReceiver(myBroadCastReceiver);    }

上面的代码中，addAction的广播值是自定义的。发送广播的时候也需要使用这个值。

还需要注意的是，动态注册的广播一定要及时取消注册，所以在活动的onDestroy中使用了unregisterReceiver方法。

接下来就是在NewsDetailActivity.class（新闻详情界面，就是带收藏键的）中去发送广播了,只需要给收藏按钮的点击事件中添加：

case R.id.my_collection:                if (flag){ //如果现在处于收藏状态，点击则取消收藏,也就是删除收藏过的新闻                    DataBaseUtils.deleteCollectNews(title);                    flag = false;                    item.setIcon(R.drawable.empty_star);                    Toast.makeText(this, "取消收藏成功", Toast.LENGTH_SHORT).show();                    Intent intentFilter = new Intent();                    intentFilter.setAction("com.example.administrator.simpleapp.MY_BROADCAST");                    sendBroadcast(intentFilter);                }else { //如果现在处于未收藏状态，点击则收藏,也就是添加这条没收藏过的新闻                    DataBaseUtils.addCollectNews(content, imageUrl, title, webUrl, webUrl2, time);                    flag = true;                    item.setIcon(R.drawable.full_star);                    Toast.makeText(this, "收藏成功", Toast.LENGTH_SHORT).show();                    Intent intentFilter = new Intent();                    intentFilter.setAction("com.example.administrator.simpleapp.MY_BROADCAST");                    sendBroadcast(intentFilter);                }                break;            default:break;

来看一下效果吧：