Android 开发技术选型(博客,新闻,阅读类)

/ Android应用实战 / 没有评论 / 211浏览

前言

最开始学习写应用的时候,发现类聚合数据这个平台可以提供一些免费数据接口,于是写了个人的第一个应用----- JuheNews,当时的知识储备稍显粗糙,虽然现在的知识也不咋滴,但是相对之前而言还是有些进步的,所以决定将应用重构一下,具体参考我的第二个个人开发的应用--- GankIOClient,采用类似的技术思路,重构后两个应用在代码结构上是很相似的。

技术选型

下拉刷新 + 加载更多

采用BGARefreshLayout-Android,支持的下拉刷新样式基本可以满足我的需求,使用起来也比较简单,实现两个接口即可设置刷新动作和加载更多的动作。这位卓友的其他开源库也很好用,有兴趣的可以去看下。

使用方法:

private void initBGALayout() {
    // 为BGARefreshLayout 设置代理
    bgaRefreshLayout.setDelegate(this);
    // 设置下拉刷新和上拉加载更多的风格     参数1:应用程序上下文,参数2:是否具有上拉加载更多功能

    BGANormalRefreshViewHolder refreshViewHolder =
            new BGANormalRefreshViewHolder(getContext(), true);
    refreshViewHolder.setLoadingMoreText("加载更多");
    refreshViewHolder.setLoadMoreBackgroundColorRes(R.color.white);
    refreshViewHolder.setRefreshViewBackgroundColorRes(R.color.white);
    bgaRefreshLayout.setRefreshViewHolder(refreshViewHolder);
}
    @Override
    public void onBGARefreshLayoutBeginRefreshing(BGARefreshLayout refreshLayout) {
    //执行下拉刷新操作
    }

    @Override
    public boolean onBGARefreshLayoutBeginLoadingMore(BGARefreshLayout refreshLayout) {
        //执行加载更多操作,返回false代表不支持加载更多
        return false;
    }

网络请求

Retrofit + RxJava2,这个就不用多做介绍了,最开始学习这两个内容的时候读过的文章分享一下:

RxJava 与 Retrofit 结合的最佳实践 给 Android 开发者的 RxJava 详解 我的一个RxJava2文章收藏集

这位朋友写的通俗易懂,不看Rxjava2的官文应该也能很快的了解Rxjava升级到2之后的变化。

使用方法:

public interface JuheApi {
    @GET
    Observable<NewsBean> getNews(@Url String url);

    @GET
    Observable<FunnyBean> getFunny(@Url String url);

    @GET
    Observable<JokeBean> getJoke(@Url String url);

    @GET
    Observable<HistoryBean> getTodayInHistory(@Url String url);

    @GET
    Observable<QueryNewsBean> getQueryNews(@Url String url);
}
public class Retrofitance {
    public static final String BASE_URL = "http://gank.io/api/";

    private static final int DEFAULT_TIMEOUT = 5;

    private Retrofit retrofit;
    private JuheApi mJuheApi;
    private OkHttpClient mOkHttpClient;

    //构造方法私有
    private Retrofitance() {
        //手动创建一个OkHttpClient并设置超时时间
        OkHttpClient.Builder httpClientBuilder = new OkHttpClient.Builder();
        httpClientBuilder.connectTimeout(DEFAULT_TIMEOUT, TimeUnit.SECONDS);
        mOkHttpClient = httpClientBuilder.build();

        retrofit = new Retrofit.Builder().client(mOkHttpClient)
                .addConverterFactory(GsonConverterFactory.create())
                .addCallAdapterFactory(RxJava2CallAdapterFactory.create())
                .baseUrl(BASE_URL)
                .build();

        mJuheApi = retrofit.create(JuheApi.class);
    }

    //获取单例
    public static Retrofitance getInstance() {
        return SingletonHolder.INSTANCE;
    }

    /**
     * 根据类型获取新闻信息
     */
    public void getNews(Observer<NewsBean> subscriber, String type) {
        String URL = "";
        commonOp(mJuheApi.getNews(URL),subscriber);
    }

    /**
     * 获取趣图信息
     */
    public void getFunny(Observer<FunnyBean> subscriber, int pagenum) {
        String URL ="";
        commonOp(mJuheApi.getFunny(URL), subscriber);
    }

    /**
     * 获取历史上的今天
     */
    public void getHistory(Observer<HistoryBean> subscriber) {
        Calendar now = Calendar.getInstance();
        String URL = "";
        commonOp(mJuheApi.getTodayInHistory(URL),subscriber);
    }

    /**
     * 获取笑话大全
     */
    public void getJoke(Observer<JokeBean> subscriber, int pagenum) {
        String URL ="";
        commonOp(mJuheApi.getJoke(URL), subscriber);
    }


    public void getQueryNews(Observer<QueryNewsBean> subscriber, String keyword) {
        String URL = "";
        commonOp(mJuheApi.getQueryNews(URL), subscriber);
    }

    private void commonOp(Observable observable, Observer subscriber) {
        observable.subscribeOn(Schedulers.io())
                .unsubscribeOn(Schedulers.io())
                .observeOn(AndroidSchedulers.mainThread())
                .subscribe(subscriber);
    }
    //在访问HttpMethods时创建单例
    private static class SingletonHolder {
        private static final Retrofitance INSTANCE = new Retrofitance();
    }
}

响应式编程

不二选择,RxJava2 + RxAndoid,告别Thread和AsyncTask,不用写Handler了。

使用方法:

public void getContent(int pagenum) {
    Observer<FunnyBean> observer = new Observer<FunnyBean>() {
        @Override
        public void onComplete() {
            endLoading();
        }

        @Override
        public void onError(Throwable e) {
            e.printStackTrace();
            endLoading();
            onNetworkError();
        }

        @Override
        public void onSubscribe(Disposable d) {

        }

        @Override
        public void onNext(FunnyBean funnyBean) {
            if (bgaRefreshLayout.isLoadingMore()) {
            } else {
                mVisitableList.clear();
            }
            if (funnyBean.getResult() == null || funnyBean.getResult().getData() == null
                    || funnyBean.getResult().getData().size() == 0) {
                onDataEmpty();
            } else {
                mVisitableList.addAll(funnyBean.getResult().getData());
            }
            mMultiRecyclerAdapter.setData(mVisitableList);
        }
    };
    Retrofitance.getInstance().getFunny(observer, pagenum);
}

多类型RecyclerView Item实现

参考博文RecyclerView多类型Item的正确实现姿势 当然你也可以选择一些开源库,只是我习惯了使用这种方式,用起来也比较顺手。思路和实现方式也比较简单,使用接口化的数据和泛型,抽取抽象类,结构分明,扩展性强,聪明的你应该一看就会懂。 具体使用方法参考项目代码或者是上面这篇博文,涉及的代码比较多,主要是稍微有点结构化,不便列举。


注解

butterknife,告别findViewById,但是有了Kotlin,我觉得我们也可以告别butterknife了,毕竟一把小刀。 使用方法:

@BindView(R.id.tl_web)
Toolbar tlWeb;
@BindView(R.id.wv_content)
WebView wvContent;
@BindView(R.id.activity_web)
LinearLayout activityWeb;
@BindView(R.id.progressbar)
ProgressBar progressbar;

....
ButterKnife.bind(this);

配合插件使用效果会更好喔。

这里写图片描述


图片加载

我首选Glide,因为我有GIF的需求,Picasso不支持GIF,虽然体量比较小。 Glide的使用方法参考官文,最近Glide有大版本升级,改动比较多,有兴趣的可以关注下 使用方法:

Glide.with(itemView.getContext()).load(pic1path).placeholder(R.mipmap.empty_data).into(imageView);

Glide有更高阶的使用方法,根据需求学习吧。


数据解析

Gson,Google的开源库,基本可以满足我的开发需求,暂时没有尝试过其他的。 使用的过程中配合Retrofit使用

compile 'com.squareup.retrofit2:converter-gson:2.1.0'
retrofit = new Retrofit.Builder().client(mOkHttpClient)
                /*This is the key*/ 
               .addConverterFactory(GsonConverterFactory.create())         .addCallAdapterFactory(RxJava2CallAdapterFactory.create())
                .baseUrl(BASE_URL)
                .build();

配合插件使用效果会更好:GsonFormat

这里写图片描述


界面布局

采用TabHost + Framgnet可以满足日常需求,当然使用开源库FlycoTabLayout更是可以构建出炫酷的Tab页面,配合上Fragment,基本可以满足需求。 使用方法:

switch (i) {
    case 0:
        textView.setText("资讯");
        imageView.setImageResource(R.drawable.news);
        tabHost.addTab(tabHost.newTabSpec("1").setIndicator(view).setContent(
                R.id.frag_news));
        break;
    case 1:
        textView.setText("笑话");
        imageView.setImageResource(R.drawable.joke);
        tabHost.addTab(tabHost.newTabSpec("2").setIndicator(view).setContent(
                R.id.frag_joke));
        break;
    case 2:
        textView.setText("趣图");
        imageView.setImageResource(R.drawable.funny);
        tabHost.addTab(tabHost.newTabSpec("3").setIndicator(view).setContent(
                R.id.frag_funny));
        break;
    case 3:
        textView.setText("历史");
        imageView.setImageResource(R.drawable.history);
        tabHost.addTab(tabHost.newTabSpec("4").setIndicator(view).setContent(
                R.id.frag_history));
        break;
    default:
        break;
}

FlycoTabLayout的使用方法参考官文或者网上如海水般的博文。


内容搜索

自定义Toolbar这个时候就显示出来威力。简单的一个文本框和一个若隐若现的搜索按钮,满足需求。开源库也有一些,但是适合我自己的不太多,所以基本上我都是如上实现。

使用方法:

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar_search"
    android:layout_width="match_parent"
    android:layout_height="40dp"
    android:fitsSystemWindows="true"
    android:background="@color/colorToolbar">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <EditText
            android:id="@+id/et_search"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_marginBottom="8dp"
            android:layout_marginTop="8dp"
            android:layout_weight="6"
            android:background="@drawable/search_edittext_bg"
            android:padding="2dp"
            android:textColor="@color/colorBlack"
            android:textSize="12sp"/>

        <Button
            android:id="@+id/bt_search"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="2"
            android:clickable="false"
            android:gravity="center"
            android:text="搜索"
            android:background="@color/colorToolbar"
            android:textColor="@color/colorToolbar"
            android:textSize="14sp"/>
    </LinearLayout>
</android.support.v7.widget.Toolbar>

版本更新

第三方服务 。我使用的是Fir.im,相对比较好用,利用提供的版本接口检测版本更新。然后本地下载或者跳转到浏览器下载应用,完成安装,都是不错的选择。类似的平台还有很多,可以网上搜索一下。