实现如上效果,主页面可以实现侧滑效果,侧滑抽屉页面显示一个头像和4个条目,条目的图片可以使用默认小机器人,主页面包含几个Fragment(4个就可以),其中资讯页面实现标题栏的滑动选择,点击标题栏传入相应的字段,使用HttpURLConnection做网络请求,改变下方的列表页面,列表实现上拉加载更多,下拉刷新功能,列表中的图片(img字段)使用Universal-Image-Loader进行加载,当img字段为空或者加载失败时,设置默认展示图片为小机器人图。
数据请求接口格式如下:‘’
http://mnews.gw.com.cn/wap/data/news/分类标识/page_页数.json
上拉下拉时通过改变页数的值来刷新数据。
其中分类标识对应的字段和取值如下:
数据新闻 xbsjxw
快讯 txs
头条 toutiao
精编公告 news/mobile/jbgg
美股 news/mobile/mgxw
港股 news/mobile/ggxw
基金 news/mobile/jjxw
理财 news/mobile/lcxw
例如:http://mnews.gw.com.cn/wap/data/news/xbsjxw/page_1.json
http://mnews.gw.com.cn/wap/data/news/news/mobile/jbgg/page_1.json
1.MainActivitypackage com.example.yuekaomoni0117; 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.yuekaomoni0117.Fragment.Fragment_01; import com.example.yuekaomoni0117.Fragment.Fragment_02; import com.example.yuekaomoni0117.Fragment.Fragment_03; import com.example.yuekaomoni0117.Fragment.Fragment_04; 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); //实例化fragment final Fragment_01 fragment_01 = new Fragment_01(); final Fragment_02 fragment_02 = new Fragment_02(); final Fragment_03 fragment_03 = new Fragment_03(); final Fragment_04 fragment_04 = new Fragment_04(); //设置项目启动时 默认显示第一个feagment getSupportFragmentManager().beginTransaction().replace(R.id.my_frame,fragment_03).commit(); //给my_radio设置点击改变监听事件 使其与fragment向结合 my_radio.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() { @Override public void onCheckedChanged(RadioGroup radioGroup, int i) { switch (i){ case R.id.but_01: getSupportFragmentManager().beginTransaction().replace(R.id.my_frame,fragment_01).commit(); break; case R.id.but_02: getSupportFragmentManager().beginTransaction().replace(R.id.my_frame,fragment_02).commit(); break; case R.id.but_03: getSupportFragmentManager().beginTransaction().replace(R.id.my_frame,fragment_03).commit(); break; case R.id.but_04: getSupportFragmentManager().beginTransaction().replace(R.id.my_frame,fragment_04).commit(); break; default: break; } } }); } }2.布局文件
<?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="com.example.yuekaomoni0117.MainActivity"> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <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/but_01" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:button="@null" android:gravity="center" android:background="@drawable/button_checked" android:text="首页"/> <RadioButton android:id="@+id/but_02" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:button="@null" android:gravity="center" android:background="@drawable/button_checked" android:text="自选"/> <RadioButton android:id="@+id/but_03" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:button="@null" android:gravity="center" android:background="@drawable/button_checked" android:checked="true" android:text="资讯"/> <RadioButton android:id="@+id/but_04" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:button="@null" android:gravity="center" android:background="@drawable/button_checked" android:text="我的"/> </RadioGroup> </RelativeLayout> <LinearLayout android:layout_width="300dp" android:layout_height="match_parent" android:layout_gravity="start" android:orientation="vertical" android:background="@drawable/ph6" android:gravity="center_horizontal"> <ImageView android:layout_marginTop="50dp" android:layout_width="130dp" android:layout_height="130dp" android:gravity="center_horizontal" android:src="@drawable/ph9"/> <TextView android:layout_marginTop="50dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="10dp" android:text="客服热线"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="10dp" android:text="营业部网点"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="10dp" android:text="系统设置"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="10dp" android:text="换肤"/> </LinearLayout> </android.support.v4.widget.DrawerLayout>3.Fragment_03
package com.example.yuekaomoni0117.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.yuekaomoni0117.R; import java.util.ArrayList; import java.util.List; /** * Created by dell on 2018/1/17. */ public class Fragment_03 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_03, 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_tab与my_view绑定在一起 my_tab.setupWithViewPager(my_view); return v; } private void inittabData() { list = new ArrayList<>(); list.add("数据新闻"); list.add("快讯"); list.add("头条"); list.add("精编公告"); list.add("美股"); list.add("港股"); list.add("基金"); list.add("理财"); } 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) { My_Fragment my_fragment = new My_Fragment(); Bundle bundle = new Bundle(); if (list.get(position).equals("数据新闻")) { bundle.putString("type", "xbsjxw"); } else if (list.get(position).equals("快讯")) { bundle.putString("type", "txs"); } else if (list.get(position).equals("头条")) { bundle.putString("type", "toutiao"); } else if (list.get(position).equals("精编公告")) { bundle.putString("type", "news/mobile/jbgg"); } else if (list.get(position).equals("美股")) { bundle.putString("type", "news/mobile/mgxw"); } else if (list.get(position).equals("港股")) { bundle.putString("type", "news/mobile/ggxw"); } else if (list.get(position).equals("基金")) { bundle.putString("type", "news/mobile/jjxw"); } else if (list.get(position).equals("理财")) { bundle.putString("type", "news/mobile/lcxw"); } my_fragment.setArguments(bundle); return my_fragment; } @Override public int getCount() { return list.size(); } } }4.fragment_03布局
<?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" android:background="#FFFF80"> <android.support.design.widget.TabLayout android:id="@+id/my_tab" android:layout_width="match_parent" android:layout_height="50dp"> </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.My_Fragment
package com.example.yuekaomoni0117.Fragment; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ListView; import android.widget.ScrollView; import com.example.yuekaomoni0117.R; import com.example.yuekaomoni0117.adapter.MyAdapter; import com.example.yuekaomoni0117.data.RequestData; import com.example.yuekaomoni0117.util.MyTask; import com.example.yuekaomoni0117.util.NetStateUtil; import com.handmark.pulltorefresh.library.PullToRefreshBase; import com.handmark.pulltorefresh.library.PullToRefreshScrollView; import org.json.JSONArray; import org.json.JSONObject; import java.util.ArrayList; import java.util.List; /** * Created by dell on 2018/1/17. */ public class My_Fragment extends Fragment{ private PullToRefreshScrollView scrollView; private ListView listView; private List<RequestData> data = new ArrayList<>(); private MyAdapter myAdapter; private String types="http://mnews.gw.com.cn/wap/data/news/"; private int index=1; private String page="/page_"+index+".json"; private String url; private int opentype=1;//1.刷新。2.加载 private String name; @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View v = inflater.inflate(R.layout.my_fragment,container,false); //找到资源控件的ID scrollView = v.findViewById(R.id.my_psv); listView = v.findViewById(R.id.my_list); //获取菜单栏传来的数据 Bundle bundle = getArguments(); name = bundle.getString("type"); url=types+ name +page; //初始化数据 initpsvData(); //网络请求数据 requestNetData(); return v; } private void requestNetData() { if(NetStateUtil.isConn(getActivity())){ MyTask myTask = new MyTask(new MyTask.Icallbacks() { @Override public void updateUiByjson(String jsonstr) { /*Gson gson = new Gson(); RequestData requestData = gson.fromJson(jsonstr, RequestData.class); if(opentype==1){ data.clear(); } */ List<RequestData> ruquestlist = new ArrayList<RequestData>(); try { JSONArray jsonArray = new JSONArray(jsonstr); JSONArray data = jsonArray.getJSONObject(0).getJSONArray("data"); for (int i = 0; i <data.length() ; i++) { RequestData requestData = new RequestData(); requestData.setImg(data.getJSONObject(i).getString("img")); requestData.setOtime(data.getJSONObject(i).getString("otime")); requestData.setTitle(data.getJSONObject(i).getString("title")); ruquestlist.add(requestData); } } catch (Exception e) { e.printStackTrace(); } //将所有的数据放入集合中 data.addAll(ruquestlist); //设置适配器 setAdapter(); //关闭头尾布局 scrollView.onRefreshComplete(); } }); myTask.execute(url); } } private void setAdapter() { if(myAdapter==null){ myAdapter = new MyAdapter(getActivity(), data); 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) { opentype=1; index=1; url=types+name+page; requestNetData(); } @Override//上拉加载 public void onPullUpToRefresh(PullToRefreshBase<ScrollView> pullToRefreshBase) { opentype=2; index++; url=types+name+page; requestNetData(); } }); } }6.my_fragment布局文件
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#C0C0C0"> <com.handmark.pulltorefresh.library.PullToRefreshScrollView android:id="@+id/my_psv" android:layout_width="match_parent" android:layout_height="match_parent"> <com.example.yuekaomoni0117.zidingyi.MyListView android:id="@+id/my_list" android:layout_width="match_parent" android:layout_height="match_parent"> </com.example.yuekaomoni0117.zidingyi.MyListView> </com.handmark.pulltorefresh.library.PullToRefreshScrollView> </LinearLayout>7.自定义ListView
package com.example.yuekaomoni0117.zidingyi; import android.content.Context; import android.util.AttributeSet; import android.widget.ListView; /** * Created by dell on 2018/1/17. */ 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); } }8.MyAdapter实现条目的适配器
package com.example.yuekaomoni0117.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.yuekaomoni0117.R; import com.example.yuekaomoni0117.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; import java.util.logging.Handler; /** * Created by dell on 2018/1/17. */ public class MyAdapter extends BaseAdapter{ private Context context; private List<RequestData> data; private DisplayImageOptions options; public MyAdapter(Context context, List<RequestData> 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 View getView(int i, View view, ViewGroup viewGroup) { ViewHolder holder; if(view==null){ view=View.inflate(context, R.layout.item,null); holder = new ViewHolder(); holder.img=view.findViewById(R.id.imgae_img); holder.title=view.findViewById(R.id.text_title); holder.otime=view.findViewById(R.id.text_otime); view.setTag(holder); }else{ holder = (ViewHolder) view.getTag(); } holder.title.setText(data.get(i).getTitle()); holder.otime.setText(data.get(i).getOtime()); if(data.get(i).getImg()!=null){ ImageLoader.getInstance().displayImage(data.get(i).getImg(), holder.img,options); }else{ holder.img.setImageResource(R.mipmap.ic_launcher); } return view; } class ViewHolder{ ImageView img; TextView title; TextView otime; } }9.Application工具
package com.example.yuekaomoni0117.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/17. */ 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.yuekaomoni0117.util; import android.os.AsyncTask; import java.io.InputStream; import java.net.HttpURLConnection; import java.net.URL; /** * Created by dell on 2018/1/17. */ 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.yuekaomoni0117.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.yuekaomoni0117.R; /** * Created by dell on 2018/1/17. */ 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.yuekaomoni0117.util; import java.io.BufferedReader; import java.io.InputStream; import java.io.InputStreamReader; /** * Created by dell on 2018/1/17. */ 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.RequestData类中只创建了部分数据
package com.example.yuekaomoni0117.data; import java.util.List; /** * Created by dell on 2018/1/17. */ public class RequestData { private String id; private String img; private String otime; private String source; private String summary; private String title; private String url; public String getId() { return id; } public void setId(String id) { this.id = id; } public String getImg() { return img; } public void setImg(String img) { this.img = img; } public String getOtime() { return otime; } public void setOtime(String otime) { this.otime = otime; } public String getSource() { return source; } public void setSource(String source) { this.source = source; } public String getSummary() { return summary; } public void setSummary(String summary) { this.summary = summary; } public String getTitle() { return title; } public void setTitle(String title) { this.title = title; } public String getUrl() { return url; } public void setUrl(String url) { this.url = url; } }14.条目布局
<?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" android:padding="10dp"> <ImageView android:id="@+id/imgae_img" android:layout_width="80dp" android:layout_height="80dp" android:src="@mipmap/ic_launcher"/> <TextView android:id="@+id/text_title" android:layout_toRightOf="@id/imgae_img" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:padding="5dp" android:text="【投资项目】大洋电机:投资储氢技术公司"/> <TextView android:id="@+id/text_otime" android:layout_toRightOf="@id/imgae_img" android:layout_below="@id/text_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="120dp" android:padding="5dp" android:text="2018-01-17 15:52:32" /> </RelativeLayout>15.清单文件中进行配置
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.yuekaomoni0117"> <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>