Retrofit2.1.0 + Glide + ToolBar + RecyclerView 的使用

目标是掌握网络请求框架，同时熟练使用Android MD元素
使用Retrofit2.1.0 请求网路i数据
使用Glide 加载图片
使用ToolBar显示标题
使用Recycler View显示内容

效果

( 为了节省服务器端的流量，因此图片取的有点小)

实现过程

ToolBar使用难点

• ToolBar的基础使用参看
  android：ToolBar详解（手把手教程）
• 去掉标题栏
  在AndroidManifest.xml文件中添加一个背景，如下：

android:theme="@style/Theme.AppCompat.Light.NoActionBar"

• 添加ToolBar右侧的菜单
  
  • 在res目录下创建menu目录，在menu目录下创建菜单文件
  • 在MainActivity下重写如下方法

//设置菜单
@Override
public boolean onCreateOptionsMenu(Menu menu) {  
        getMenuInflater().inflate(R.menu.menu_main,menu);
        return true;
}

• 改变字体颜色

  • 默认颜色
    

  • 修改后的颜色
    

  • 实现过程
    在style.xml文件中添加如下内容：
    
    在ToolBar中添加一个theme，如下：
    

RecyclerView的使用

• 详细使用
   Android RecyclerView 使用完全解析 体验艺术般的控件
• 添加依赖
  compile 'com.android.support:recyclerview-v7:24.2.1'
• 布局中使用

<android.support.v7.widget.RecyclerView
       android:id="@+id/list" 
       android:layout_width="match_parent"
       android:layout_height="wrap_content" 
       android:cacheColorHint="@null" 
       />

• 在Java代码中使用（网格布局）

staggeredGridLayoutManager = new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL);
list.setLayoutManager(staggeredGridLayoutManager);

CardView的使用

• 详细使用
  CardView的使用
• 添加依赖
  'compile 'com.android.support:cardview-v7:24.2.1'
• 布局使用

<?xml version="1.0" encoding="utf-8"?><android.support.v7.widget.CardView    
  xmlns:android="http://schemas.android.com/apk/res/android"  
  xmlns:app="http://schemas.android.com/apk/res-auto"    
  android:id="@+id/cardView" 
  app:cardBackgroundColor="#80cbc4"  
  app:cardCornerRadius="10dp"
  app:cardPreventCornerOverlap="true"    
  app:cardUseCompatPadding="true"  
  android:layout_width="match_parent"  
  android:layout_height="wrap_content">   
  <ImageView  
      android:id="@+id/imageView"    
    android:layout_width="match_parent"    
    android:layout_height="wrap_content"   
     android:src="@mipmap/ic_launcher"  
      android:scaleType="fitCenter"  
      />
</android.support.v7.widget.CardView>

Retrofit2.1.0的使用

• 导包

compile 'com.squareup.okhttp3:okhttp:3.4.1'compile 
'com.squareup.retrofit2:retrofit:2.1.0'

• 定义一个接口

public interface PhotoService { 
   @GET("tnfs/api/news")
   Call<Tngou> getResult() ;
}

• 定义一个JavaBean
  代码太长，不贴出来了，文末看源码！
• 代码中使用

/** * 获取服务器的数据 */
private void getDataFromService() {
    Retrofit retrofit = new Retrofit.Builder().baseUrl("http://www.tngou.net/")            .addConverterFactory(GsonConverterFactory.create()).build();
    PhotoService service = retrofit.create(PhotoService.class);
    Call<Tngou> call = service.getResult();
    call.enqueue(this);
}
@Override
    public void onResponse(Call<Tngou> call, Response<Tngou> response) {
        photoList = response.body().getList();
        list.setAdapter(new PhotoAdater(photoList, this));
//        Log.e("返回的List:", "normalGet:" + photoList.toString());//返回成功    }    @Override
    public void onFailure(Call<Tngou> call, Throwable t) {    }

• 小提示
  使用Retrofit2一定要定义好JavaBean，必须和API中的参数一模一样，否则response.body().getList()返回null

项目地址

项目地址GitHub