带有侧滑菜单的+ 通过retrofit获取数据,通过fresco框架加载图片,使用TabLayout + ViewPage + Fragment + ListView 显示数据

题目要求：

按要求完成下面的各项需求。

使用接口：

//头条

http://litchiapi.jstv.com/api/GetFeeds?column=0&PageSize=20&pageIndex=1&val=100511D3BE5301280E0992C73A9DEC41

//娱乐

http://litchiapi.jstv.com/api/GetFeeds?column=7&PageSize=20&pageIndex=1&val=100511D3BE5301280E0992C73A9DEC41 

//体育

http://litchiapi.jstv.com/api/GetFeeds?column=6&PageSize=20&pageIndex=1&val=100511D3BE5301280E0992C73A9DEC4 

 

需求：

1， 橘色部分：  使用ToolBar 实现

2，绿色+ 黑色： 使用TabLayout + ViewPage + Fragment + ListView  实现网络数据的获取，通过retrofit；图片的加载通过fresco框架

                3，使用Design中的NavigationView，实现蓝色部分的侧滑功能

 

注意：直接从网络获取的图片网址不完整，需要在字符串前面补充一下域名。

http://litchiapi.jstv.com

实现代码:

build.gradle  添加依赖

compile 'com.android.support:design:26.0.0-alpha1'compile 'com.facebook.fresco:fresco:1.5.0'compile 'com.squareup.retrofit2:retrofit:2.3.0'

NewInterface.java

import android.util.ArrayMap;import retrofit2.Call;import retrofit2.http.GET;import retrofit2.http.QueryMap;/** * 获取数据的接口 * Created by Administrator on 2017/11/18. */public interface NewInterface {    //公共地址 baseUrl ---不同的地址 (@GET(....)) --参数信息(方法的参数列表)    @GET("api/GetFeeds")    Call<NewsInfo> getNewInfo(@QueryMap ArrayMap<String,String> map);}

NewsInfo.java

    利用GsonFormant生成实体类

main_activity.xml

<?xml version="1.0" encoding="utf-8"?><android.support.v4.widget.DrawerLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="bw.com.bw_day18.MainActivity"    android:id="@+id/dl_id"    >    <RelativeLayout        android:layout_width="match_parent"        android:layout_height="match_parent">        <android.support.v7.widget.Toolbar            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:id="@+id/tool_bar_id"            />        <android.support.design.widget.TabLayout            android:layout_width="match_parent"            android:layout_height="60dp"            android:layout_below="@id/tool_bar_id"            android:id="@+id/tab_layout_id"            app:tabIndicatorHeight="4dp"            app:tabSelectedTextColor="@color/colorAccent" />        <android.support.v4.view.ViewPager            android:id="@+id/view_pager_id"            android:layout_width="match_parent"            android:layout_height="match_parent"            android:layout_below="@id/tab_layout_id"/>    </RelativeLayout>    <android.support.design.widget.NavigationView        android:layout_width="match_parent"        android:layout_height="match_parent"        android:id="@+id/nv_id"        android:layout_gravity = "left"        app:headerLayout="@layout/heard_layout"        app:menu="@menu/navigation_selection"        /></android.support.v4.widget.DrawerLayout>

fragment_my.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="bw.com.bw_day18.MyFragment">    <!-- TODO: Update blank fragment layout -->    <ListView        android:layout_width="match_parent"        android:layout_height="match_parent"        android:id="@+id/lv"/></FrameLayout>

heard_layout.xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="250dp">    <ImageView        android:layout_width="176dp"        android:layout_height="176dp"        android:layout_centerInParent="true"        android:id="@+id/iv_id"        android:src="@mipmap/lf"        />    <TextView        android:id="@+id/tv_id"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="八维1509B"        android:layout_centerInParent="true"        android:textSize="30sp"        android:textColor="@color/colorAccent"        android:layout_below="@id/iv_id"/></RelativeLayout>

item_lv.xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:fresco="http://schemas.android.com/apk/res-auto"    android:orientation="vertical"    android:layout_width="match_parent"    android:layout_height="match_parent">    <com.facebook.drawee.view.SimpleDraweeView        android:id="@+id/item_iv"        android:layout_width="150dp"        android:layout_height="150dp"        android:layout_centerVertical="true"        fresco:placeholderImage="@mipmap/ic_launcher"        fresco:roundedCornerRadius="10dp"        fresco:roundTopLeft="true"        fresco:roundTopRight="true"        fresco:roundBottomLeft="true"        fresco:roundBottomRight="true"/>    <TextView        android:id="@+id/subject_id"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="subject"        android:layout_toRightOf="@id/item_iv"        android:layout_centerVertical="true"        android:textSize="20sp"        android:layout_marginLeft="10dp"        /></RelativeLayout>

菜单menu 中

main.xml

<?xml version="1.0" encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android">    <item android:id="@+id/action_set"        android:title="设置"        /></menu>

navigation_selection.xml

<?xml version="1.0" encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android">    <item        android:id="@+id/action_set"        android:title="设置"        android:icon="@android:drawable/ic_menu_set_as"        />    <item        android:id="@+id/action_above"        android:title="关于"        android:icon="@android:drawable/ic_menu_add"        />    <item        android:id="@+id/action_clear"        android:title="清除缓存"        android:icon="@android:drawable/ic_menu_delete"        /></menu>

代码:

MainActivity.java

package bw.com.bw_day18;import android.os.Bundle;import android.support.design.widget.NavigationView;import android.support.design.widget.TabLayout;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentPagerAdapter;import android.support.v4.view.ViewPager;import android.support.v4.widget.DrawerLayout;import android.support.v7.app.AppCompatActivity;import android.support.v7.widget.Toolbar;import android.view.Gravity;import android.view.View;import android.view.Window;import java.util.ArrayList;import java.util.List;public class MainActivity extends AppCompatActivity {    private Toolbar mToolBar;    private TabLayout mTabLayout;    private ViewPager mViewPager;    private NavigationView mNavigationView;    private List<Fragment> fragments;    private List<String> titles;    private MyAdapter adapter;    private DrawerLayout mDl;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        //取消ActionBar        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);        setContentView(R.layout.activity_main);        //控件初始化        initView();        //显示ToolBar        mToolBar.setNavigationIcon(R.mipmap.ic_launcher);        mToolBar.setTitle("我是一个ToolBar");        mToolBar.inflateMenu(R.menu.main);        //点击图标, 打开抽屉        mToolBar.setNavigationOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                mDl.openDrawer(Gravity.LEFT);//打开抽屉            }        });        //每个条目的处理mToolBar.setOnMenuItemClickListener();        //TabLayout + ViewPager + Fragment        //初始化数据源        initData();        adapter = new MyAdapter(getSupportFragmentManager());        mViewPager.setAdapter(adapter);        //把TabLayout和ViewPager 联系到一起        mTabLayout.setupWithViewPager(mViewPager);        //设置TabLayout的滑动模式 mTabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);        //NavigationView中的获取        //可以获取头部视图 View headerView  =  mNv.getHeaderView(0);        //为菜单项设置点击事件  mNavigationView.setNavigationItemSelectedListener();    }    private void initView() {        mDl = (DrawerLayout) findViewById(R.id.dl_id);        mToolBar = (Toolbar) findViewById(R.id.tool_bar_id);        mTabLayout = (TabLayout) findViewById(R.id.tab_layout_id);        mViewPager = (ViewPager) findViewById(R.id.view_pager_id);        mNavigationView = (NavigationView) findViewById(R.id.nv_id);    }    private void initData() {        fragments = new ArrayList<>();        for(int i = 0;i<3;i++)        {            MyFragment fragment = new MyFragment();            Bundle bundle = new Bundle();            bundle.putInt("tabId",i);            fragment.setArguments(bundle);            fragments.add(fragment);        }        titles = new ArrayList<>();        titles.add("头条");        titles.add("娱乐");        titles.add("体育");    }    //自定义的Fragment + ViewPager 的适配器    class MyAdapter extends FragmentPagerAdapter    {        public MyAdapter(FragmentManager fm) {            super(fm);        }        @Override        public Fragment getItem(int position) {            return fragments.get(position);        }        @Override        public int getCount() {            return fragments.size();        }        //返回当前显示内容的标题信息        @Override        public CharSequence getPageTitle(int position) {            return titles.get(position);        }    }}

MyApp.java

import android.app.Application;import com.facebook.drawee.backends.pipeline.Fresco;/** * Created by Administrator on 2017/11/18. */public class MyApp extends Application {    @Override    public void onCreate() {        super.onCreate();        //初始化Fresco        Fresco.initialize(this);    }}

MyFragment.java

import android.net.Uri;import android.os.Bundle;import android.support.annotation.Nullable;import android.support.v4.app.Fragment;import android.util.ArrayMap;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ListView;import android.widget.TextView;import com.facebook.drawee.view.SimpleDraweeView;import java.util.List;import retrofit2.Call;import retrofit2.Callback;import retrofit2.Response;import retrofit2.Retrofit;import retrofit2.converter.gson.GsonConverterFactory;public class MyFragment extends Fragment {    private ListView mLv;    @Nullable    @Override    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {        View view = inflater.inflate(R.layout.fragment_my,container,false);        mLv = (ListView) view.findViewById(R.id.lv);        //获取传入的参数, 决定加载那个地址的内容        int tabId = getArguments().getInt("tabId");        //-------Retrofit  加载数据-------        //导入依赖  -- 接口 (Call<数据返回实体类> 方法)  -- 数据返回实体类        //声明Retrofit        //建造者        Retrofit.Builder builder = new Retrofit.Builder();        //设置公共的地址        builder.baseUrl("http://litchiapi.jstv.com/");        //构建剩余的路径中的参数列表        ArrayMap<String,String> map = new ArrayMap<>();        switch (tabId)        {            case 0:                //column=0&PageSize=20&pageIndex=1&val=100511D3BE5301280E0992C73A9DEC41                map.put("column","0");                break;            case 1:                //column=7&PageSize=20&pageIndex=1&val=100511D3BE5301280E0992C73A9DEC41                map.put("column","7");                break;            case 2:                //column=6&PageSize=20&pageIndex=1&val=100511D3BE5301280E0992C73A9DEC41                map.put("column","6");                break;        }        map.put("PageSize","20");        map.put("pageIndex","1");        map.put("val","100511D3BE5301280E0992C73A9DEC41");        //因为要解析json数据, 所以gson解析        builder.addConverterFactory(GsonConverterFactory.create());        //得到Retrofit对象        Retrofit retrofit = builder.build();        //获得接口中的方法        //得到接口        NewInterface filmInter = retrofit.create(NewInterface.class);        Call<NewsInfo> call = filmInter.getNewInfo(map);        call.enqueue(new Callback<NewsInfo>() {            @Override            public void onResponse(Call<NewsInfo> call, Response<NewsInfo> response) {                //主线程中                //得到获取的数据                NewsInfo newInfo = response.body();                List<NewsInfo.ParamzBean.FeedsBean> data =  newInfo.getParamz().getFeeds();                MyListAdapter adapter = new MyListAdapter(data);                mLv.setAdapter(adapter);            }            @Override            public void onFailure(Call<NewsInfo> call, Throwable t) {            }        });        return view;    }    class MyListAdapter extends BaseAdapter    {        private List<NewsInfo.ParamzBean.FeedsBean> data;        private MyListAdapter(List<NewsInfo.ParamzBean.FeedsBean> data)        {            this.data = data;        }        @Override        public int getCount() {            return data.size();        }        @Override        public Object getItem(int position) {            return data.get(position);        }        @Override        public long getItemId(int position) {            return position;        }        @Override        public View getView(int position, View convertView, ViewGroup parent) {            ViewHolder viewHolder;            if(convertView == null)            {                convertView = LayoutInflater.from(getContext()).inflate(R.layout.item_lv,null);                viewHolder = new ViewHolder();                viewHolder.iv = (SimpleDraweeView) convertView.findViewById(R.id.item_iv);                viewHolder.subject = (TextView) convertView.findViewById(R.id.subject_id);                convertView.setTag(viewHolder);            }            else            {                viewHolder = (ViewHolder) convertView.getTag();            }            //从数据源中, 获取当前显示的条目             NewsInfo.ParamzBean.FeedsBean feedsBean = data.get(position);            //利用Fresco 加载图片            viewHolder.iv.setImageURI(Uri.parse("http://litchiapi.jstv.com"+ feedsBean.getData().getCover()));            viewHolder.subject.setText(feedsBean.getData().getSubject());            return convertView;        }        class ViewHolder        {            SimpleDraweeView iv;            TextView subject;        }    }}