实现如图所示效果,封装项目整体架构,访问网络数据,展示列表数据,根据图片数量的不同来多条目加载,使用Universal-Image-Loader进行图片加载,接口地址:
http://v.juhe.cn/toutiao/index?type=top&key=dbedecbcd1899c9785b95cc2d17131c5
1.MainActivity
package com.example.rikao0118; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.FrameLayout; import android.widget.RadioGroup; import com.example.rikao0118.fragment.Fragment_01; import com.example.rikao0118.fragment.Fragment_02; public class MainActivity extends AppCompatActivity { private FrameLayout my_frame; private RadioGroup my_radio; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //找到资源控件的ID my_frame = findViewById(R.id.my_frame); my_radio = findViewById(R.id.my_radio); final Fragment_01 fragment_01 = new Fragment_01(); final Fragment_02 fragment_02 = new Fragment_02(); //默认项目一加载就显示Fragment页面 getSupportFragmentManager().beginTransaction().replace(R.id.my_frame,fragment_01).commit(); //给my_radio设置监听事件 my_radio.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() { @Override public void onCheckedChanged(RadioGroup radioGroup, int i) { switch (i){ case R.id.btn_01: getSupportFragmentManager().beginTransaction().replace(R.id.my_frame,fragment_01).commit(); break; case R.id.btn_02: getSupportFragmentManager().beginTransaction().replace(R.id.my_frame,fragment_02).commit(); break; default: break; } } }); } }2.布局文件
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout 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="com.example.rikao0118.MainActivity"> <FrameLayout android:id="@+id/my_frame" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_above="@id/my_radio"> </FrameLayout> <RadioGroup android:id="@+id/my_radio" android:layout_width="match_parent" android:layout_height="50dp" android:layout_alignParentBottom="true" android:orientation="horizontal"> <RadioButton android:id="@+id/btn_01" android:layout_width="0dp" android:layout_height="match_parent" android:gravity="center" android:button="@null" android:layout_weight="1" android:checked="true" android:background="@drawable/button_checked" android:text="首页"/> <RadioButton android:id="@+id/btn_02" android:layout_weight="1" android:layout_width="0dp" android:layout_height="match_parent" android:gravity="center" android:button="@null" android:background="@drawable/button_checked" android:text="我的"/> </RadioGroup> </RelativeLayout>3.Fragment_01package com.example.rikao0118.fragment; import android.os.Bundle; import android.support.annotation.Nullable; 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.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import com.example.rikao0118.R; import java.util.ArrayList; import java.util.List; /** * Created by dell on 2018/1/18. */ public class Fragment_01 extends Fragment{ private TabLayout my_tab; private ViewPager my_view; private List<String> list; @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View v = inflater.inflate(R.layout.fragment_01,container,false); //找到资源控件的ID my_tab = v.findViewById(R.id.my_tab); my_view = v.findViewById(R.id.my_view); //初始化菜单栏的数据 inittabData(); //给my_view设置适配器 my_view.setAdapter(new MyFragment(getChildFragmentManager())); //将菜单栏与my_view绑定在一起 my_tab.setupWithViewPager(my_view); return v; } private void inittabData() { //创建集合 添加数据 list = new ArrayList<>(); for (int i = 0; i <10 ; i++) { list.add("月考"+i); } } class MyFragment extends FragmentPagerAdapter{ public MyFragment(FragmentManager fm) { super(fm); } @Override public CharSequence getPageTitle(int position) { return list.get(position); } @Override public Fragment getItem(int position) { Shouye_Fragment shouye_fragment = new Shouye_Fragment(); return shouye_fragment; } @Override public int getCount() { return 1; } } }4.frgemnt_01布局文件<?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="match_parent" xmlns:app="http://schemas.android.com/apk/res-auto" android:background="#FFFF80"> <LinearLayout android:id="@+id/my_linear" android:layout_width="match_parent" android:layout_height="50dp" android:orientation="horizontal" android:background="#f00"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:text="今日头条" android:textSize="24sp" android:textStyle="bold" android:layout_gravity="center_vertical" android:textColor="#fff"/> <EditText android:layout_width="250dp" android:layout_height="40dp" android:background="#fff" android:layout_marginLeft="10dp" android:layout_gravity="center_vertical" android:hint="搜你想搜的"/> </LinearLayout> <android.support.design.widget.TabLayout android:id="@+id/my_tab" android:layout_below="@id/my_linear" android:layout_width="match_parent" android:layout_height="50dp" app:tabGravity="center" app:tabIndicatorColor="#fff" app:tabMode="scrollable" app:tabSelectedTextColor="#f89" app:tabTextColor="@color/colorPrimary"> </android.support.design.widget.TabLayout> <android.support.v4.view.ViewPager android:id="@+id/my_view" android:layout_below="@id/my_tab" android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.v4.view.ViewPager> </RelativeLayout>5.shouye_Fragmentpackage com.example.rikao0118.fragment; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ListView; import android.widget.ScrollView; import com.example.rikao0118.R; import com.example.rikao0118.adapter.MyAdapter; import com.example.rikao0118.data.RequestData; import com.example.rikao0118.util.MyTask; import com.example.rikao0118.util.NetStateUtil; import com.google.gson.Gson; import com.handmark.pulltorefresh.library.PullToRefreshBase; import com.handmark.pulltorefresh.library.PullToRefreshScrollView; import java.util.ArrayList; import java.util.List; /** * Created by dell on 2018/1/18. */ public class Shouye_Fragment extends Fragment{ private PullToRefreshScrollView scrollView; private ListView listView; private String path = "http://v.juhe.cn/toutiao/index?type=top&key=7dea53b0694780c837eb581096ce27b7"; private List<RequestData.ResultBean.DataBean> data1 = new ArrayList<>(); private MyAdapter myAdapter; private int type=1;//1.刷新。2.加载 @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View v = inflater.inflate(R.layout.shiuye_fragment,container,false); //找到资源你控件的ID scrollView = v.findViewById(R.id.my_psv); listView = v.findViewById(R.id.my_list); //初始化数据 initpsvData(); //网络数据请求 requeatNetData(); return v; } private void requeatNetData() { if(NetStateUtil.isConn(getActivity())){ MyTask myTask = new MyTask(new MyTask.Icallbacks() { private List<RequestData.ResultBean.DataBean> data; @Override public void updateUiByjson(String jsonstr) { Gson gson = new Gson(); RequestData requestData = gson.fromJson(jsonstr, RequestData.class); //data.addAll(requestData.getResult().getData()); if(type==1){ data1.clear(); } data1.addAll(requestData.getResult().getData()); //设置适配器 setAdapeter(); //关闭头尾布局 scrollView.onRefreshComplete(); } }); myTask.execute(path); } } private void setAdapeter() { if (myAdapter==null){ myAdapter = new MyAdapter(getActivity(), data1); listView.setAdapter(myAdapter); }else{ myAdapter.notifyDataSetChanged(); } } private void initpsvData() { scrollView.setMode(PullToRefreshBase.Mode.BOTH); scrollView.setOnRefreshListener(new PullToRefreshBase.OnRefreshListener2<ScrollView>() { @Override//下拉刷新 public void onPullDownToRefresh(PullToRefreshBase<ScrollView> pullToRefreshBase) { type=1; path = "http://v.juhe.cn/toutiao/index?type=top&key=7dea53b0694780c837eb581096ce27b7"; requeatNetData(); } @Override//上拉加载 public void onPullUpToRefresh(PullToRefreshBase<ScrollView> pullToRefreshBase) { type=2; path = "http://v.juhe.cn/toutiao/index?type=top&key=7dea53b0694780c837eb581096ce27b7"; requeatNetData(); } }); } }6.shouye_fragmentdepackage com.example.rikao0118.util; import java.io.BufferedReader; import java.io.InputStream; import java.io.InputStreamReader; /** * Created by dell on 2018/1/18. */ public class StreamToString { public static String streamToStr(InputStream inputStream, String chartSet){ StringBuilder builder=new StringBuilder(); try { BufferedReader br=new BufferedReader(new InputStreamReader(inputStream,chartSet)); String con; while ((con=br.readLine())!=null){ builder.append(con); } br.close(); return builder.toString(); } catch (Exception e) { e.printStackTrace(); } return ""; } }7.实现数据的适配器package com.example.rikao0118.adapter; import android.content.Context; import android.graphics.Bitmap; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.TextView; import com.example.rikao0118.R; import com.example.rikao0118.data.RequestData; import com.nostra13.universalimageloader.core.DisplayImageOptions; import com.nostra13.universalimageloader.core.ImageLoader; import com.nostra13.universalimageloader.core.assist.ImageScaleType; import java.util.List; /** * Created by dell on 2018/1/18. */ public class MyAdapter extends BaseAdapter{ private Context context; private List<RequestData.ResultBean.DataBean> data; private int YI_IMG=0; private int ER_IMG=1; private int SAN_IMG=2; private DisplayImageOptions options; public MyAdapter(Context context, List<RequestData.ResultBean.DataBean> data) { this.context = context; this.data = data; options=new DisplayImageOptions.Builder() .cacheInMemory(true)//使用内存缓存 .cacheOnDisk(true)//使用磁盘缓存 .showImageOnLoading(R.mipmap.ic_launcher)//设置正在下载的图片 .showImageForEmptyUri(R.mipmap.ic_launcher)//url为空或请求的资源不存在时 .showImageOnFail(R.mipmap.ic_launcher)//下载失败时显示的图片 .bitmapConfig(Bitmap.Config.RGB_565)//设置图片色彩模式 .imageScaleType(ImageScaleType.EXACTLY)//设置图片的缩放模式===imageView,,ScaleType //.displayer(new RoundedBitmapDisplayer(50))//设置图片圆角显示 弧度 .build(); } @Override public int getCount() { return data.size(); } @Override public Object getItem(int i) { return data.get(i); } @Override public long getItemId(int i) { return i; } @Override public int getViewTypeCount() { return 3; } @Override public int getItemViewType(int position) { String pic_s = data.get(position).getThumbnail_pic_s(); String pic_s02 = data.get(position).getThumbnail_pic_s02(); String pic_s03 = data.get(position).getThumbnail_pic_s03(); if(pic_s!=null && pic_s02==null && pic_s03==null){ return YI_IMG; }else if(pic_s!=null && pic_s02!=null && pic_s03==null){ return ER_IMG; }else{ return SAN_IMG; } } @Override public View getView(int i, View view, ViewGroup viewGroup) { int type = getItemViewType(i); if(type==YI_IMG){ ViewHolder1 holder1; if(view==null){ view=View.inflate(context,R.layout.item1,null); holder1=new ViewHolder1(); holder1.title=view.findViewById(R.id.text_title); holder1.pic_s=view.findViewById(R.id.image_pic_s); view.setTag(holder1); }else{ holder1 = (ViewHolder1) view.getTag(); } holder1.title.setText(data.get(i).getTitle()); ImageLoader.getInstance().displayImage(data.get(i).getThumbnail_pic_s(),holder1.pic_s,options); return view; }else if(type==YI_IMG){ ViewHolder2 holder2; if(view==null){ view=View.inflate(context,R.layout.item2,null); holder2=new ViewHolder2(); holder2.title2=view.findViewById(R.id.text_title2); holder2.pic2_s=view.findViewById(R.id.image2_pic_s); holder2.pic2_s02=view.findViewById(R.id.image2_pic_s02); view.setTag(holder2); }else{ holder2 = (ViewHolder2) view.getTag(); } holder2.title2.setText(data.get(i).getTitle()); ImageLoader.getInstance().displayImage(data.get(i).getThumbnail_pic_s(),holder2.pic2_s,options); ImageLoader.getInstance().displayImage(data.get(i).getThumbnail_pic_s02(),holder2.pic2_s02,options); return view; }else{ ViewHolder3 holder3; if(view==null){ view=View.inflate(context,R.layout.item3,null); holder3=new ViewHolder3(); holder3.title3=view.findViewById(R.id.text_title3); holder3.pic3_s=view.findViewById(R.id.image3_pic_s); holder3.pic3_s02=view.findViewById(R.id.image3_pic_s02); holder3.pic3_s03=view.findViewById(R.id.image3_pic_s03); view.setTag(holder3); }else{ holder3 = (ViewHolder3) view.getTag(); } holder3.title3.setText(data.get(i).getTitle()); ImageLoader.getInstance().displayImage(data.get(i).getThumbnail_pic_s(),holder3.pic3_s,options); ImageLoader.getInstance().displayImage(data.get(i).getThumbnail_pic_s02(),holder3.pic3_s02,options); ImageLoader.getInstance().displayImage(data.get(i).getThumbnail_pic_s03(),holder3.pic3_s03,options); return view; } } class ViewHolder1{ TextView title; ImageView pic_s; } class ViewHolder2{ TextView title2; ImageView pic2_s; ImageView pic2_s02; } class ViewHolder3{ TextView title3; ImageView pic3_s; ImageView pic3_s02; ImageView pic3_s03; } }8.多条目布局<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:orientation="vertical" android:layout_height="match_parent" android:padding="15dp"> <TextView android:id="@+id/text_title" android:layout_width="280dp" android:layout_height="wrap_content" android:layout_centerVertical="true" android:padding="10dp"/> <ImageView android:id="@+id/image_pic_s" android:layout_toRightOf="@id/text_title" android:layout_width="120dp" android:layout_height="88dp" /> </RelativeLayout><?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:orientation="vertical" android:layout_height="match_parent" android:padding="15dp"> <TextView android:id="@+id/text_title2" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <LinearLayout android:layout_width="match_parent" android:orientation="horizontal" android:layout_height="wrap_content"> <ImageView android:id="@+id/image2_pic_s" android:layout_width="0dp" android:layout_weight="1" android:layout_height="88dp" /> <ImageView android:id="@+id/image2_pic_s02" android:layout_width="0dp" android:layout_weight="1" android:layout_height="88dp" /> </LinearLayout> </LinearLayout><?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:orientation="vertical" android:layout_height="match_parent" android:padding="15dp"> <TextView android:id="@+id/text_title3" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <LinearLayout android:layout_width="match_parent" android:orientation="horizontal" android:layout_height="wrap_content"> <ImageView android:id="@+id/image3_pic_s" android:layout_width="0dp" android:layout_weight="1" android:layout_height="88dp" /> <ImageView android:id="@+id/image3_pic_s02" android:layout_width="0dp" android:layout_weight="1" android:layout_height="88dp" /> <ImageView android:id="@+id/image3_pic_s03" android:layout_width="0dp" android:layout_weight="1" android:layout_height="88dp" /> </LinearLayout> </LinearLayout>9.MyApplication工具类package com.example.rikao0118.util; import android.app.Application; import com.nostra13.universalimageloader.cache.disc.impl.UnlimitedDiscCache; import com.nostra13.universalimageloader.cache.disc.naming.Md5FileNameGenerator; import com.nostra13.universalimageloader.core.ImageLoader; import com.nostra13.universalimageloader.core.ImageLoaderConfiguration; import java.io.File; /** * Created by dell on 2018/1/18. */ public class MyAPPlication extends Application{ @Override public void onCreate() { super.onCreate(); //需要识记的是以下几个参数: File cacheFile=getExternalCacheDir(); ImageLoaderConfiguration config=new ImageLoaderConfiguration.Builder(this) .memoryCacheExtraOptions(480, 800)//缓存图片最大的长和宽 .threadPoolSize(2)//线程池的数量 .threadPriority(4) .memoryCacheSize(2*1024*1024)//设置内存缓存区大小 .diskCacheSize(20*1024*1024)//设置sd卡缓存区大小 .diskCache(new UnlimitedDiscCache(cacheFile))//自定义缓存目录 .writeDebugLogs()//打印日志内容 .diskCacheFileNameGenerator(new Md5FileNameGenerator())//给缓存的文件名进行md5加密处理 .build(); ImageLoader.getInstance().init(config); } }10.MyTask的工具类package com.example.rikao0118.util; import android.os.AsyncTask; import java.io.InputStream; import java.net.HttpURLConnection; import java.net.URL; /** * Created by dell on 2018/1/18. */ public class MyTask extends AsyncTask<String,Void,String> { //申请一个接口类对象 private Icallbacks icallbacks; //将无参构造设置成私有的,使之在外部不能够调用 private MyTask(){} //定义有参构造方法 public MyTask(Icallbacks icallbacks) { this.icallbacks = icallbacks; } @Override protected String doInBackground(String... strings) { String str=""; try { //使用HttpUrlConnection URL url=new URL(strings[0]); HttpURLConnection connection=(HttpURLConnection) url.openConnection(); connection.setRequestMethod("GET"); connection.setReadTimeout(5000); connection.setConnectTimeout(5000); if(connection.getResponseCode()==200){ InputStream inputStream=connection.getInputStream(); //调用工具类中的静态方法 str=StreamToString.streamToStr(inputStream,"utf-8"); } } catch (Exception e) { e.printStackTrace(); } return str; } @Override protected void onPostExecute(String s) { super.onPostExecute(s); //解析,封装到bean,更新ui组件 icallbacks.updateUiByjson(s); } //定义一个接口 public interface Icallbacks{ /** * 根据回传的json字符串,解析并更新页面组件 * @param jsonstr */ void updateUiByjson(String jsonstr); } }11.NetStateUtil工具类package com.example.rikao0118.util; import android.app.AlertDialog; import android.content.Context; import android.content.DialogInterface; import android.content.Intent; import android.net.ConnectivityManager; import android.net.NetworkInfo; import com.example.rikao0118.R; /** * Created by dell on 2018/1/18. */ public class NetStateUtil { /* * 判断网络连接是否已开 * true 已打开 false 未打开 * */ public static boolean isConn(Context context){ boolean bisConnFlag=false; ConnectivityManager conManager = (ConnectivityManager)context.getSystemService(Context.CONNECTIVITY_SERVICE); NetworkInfo network = conManager.getActiveNetworkInfo(); if(network!=null){ bisConnFlag=conManager.getActiveNetworkInfo().isAvailable(); } return bisConnFlag; } /** * 当判断当前手机没有网络时选择是否打开网络设置 * @param context */ public static void showNoNetWorkDlg(final Context context) { AlertDialog.Builder builder = new AlertDialog.Builder(context); builder.setIcon(R.mipmap.ic_launcher) // .setTitle(R.string.app_name) // .setMessage("当前无网络").setPositiveButton("设置", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { // 跳转到系统的网络设置界面 Intent intent = null; // 先判断当前系统版本 if(android.os.Build.VERSION.SDK_INT > 10){ // 3.0以上 intent = new Intent(android.provider.Settings.ACTION_WIRELESS_SETTINGS); }else{ intent = new Intent(); intent.setClassName("com.android.settings", "com.android.settings.WirelessSettings"); } context.startActivity(intent); } }).setNegativeButton("知道了", null).show(); } }12.StreamToString工具类package com.example.rikao0118.util; import java.io.BufferedReader; import java.io.InputStream; import java.io.InputStreamReader; /** * Created by dell on 2018/1/18. */ public class StreamToString { public static String streamToStr(InputStream inputStream, String chartSet){ StringBuilder builder=new StringBuilder(); try { BufferedReader br=new BufferedReader(new InputStreamReader(inputStream,chartSet)); String con; while ((con=br.readLine())!=null){ builder.append(con); } br.close(); return builder.toString(); } catch (Exception e) { e.printStackTrace(); } return ""; } }13.自定义ListViewpackage com.example.rikao0118.zidingyi; import android.content.Context; import android.util.AttributeSet; import android.widget.ListView; /** * Created by dell on 2018/1/18. */ public class MyListView extends ListView{ public MyListView(Context context) { super(context); } public MyListView(Context context, AttributeSet attrs) { super(context, attrs); } public MyListView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int spec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST); super.onMeasure(widthMeasureSpec, spec); } }14.清单文件的配置<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.rikao0118"> <uses-permission android:name="android.permission.INTERNET"/> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:name=".util.MyAPPlication" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>