Fragment,側滑菜單,PullToRefresh上下拉加載
阿新 • • 發佈:2017-12-17
inf lib findview tip tle limit drawer mis activit
例題:Fragment,側滑菜單,PullToRefresh上下拉加載
右鍵工程>Open Module Settings>Dependencies>+號Library dependency>com.android.support:design:27.0.2
=============================================
libs文件夾下加入jar包(導包): gson 和 universal-image-loader
=======================================
build.gradle中加入依賴(加在最下面):
pull-to-refresh上下拉刷新控件 :compile ‘com.github.userswlwork:pull-to-refresh:1.0.0‘
Banner無限輪播:compile ‘com.youth.banner:banner:1.4.10‘
添加之後需要點擊右上角的 Sync Now 編譯一下
====================================
添加權限:
網絡請求權限:INTERNET
<uses-permission android:name="android.permission.INTERNET"/>
網絡判斷權限:ACCESS_NETWORK_STATE
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
<application/>在這個控件裏加入屬性:android:name=".MyApp"
========================================
MyApp 類
importandroid.app.Application; import com.example.shenhuiran_1215.utils.ImageloaderUtil; public class MyApp extends Application{ @Override public void onCreate() { super.onCreate(); ImageloaderUtil.initConfig(this); } }
====================================================
Result方法:
public class Result { json解析類 }
============================================================================布局:
<android.support.v4.widget.DrawerLayout 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="com.example.shenhuiran_1215.MainActivity"> <RelativeLayout android:layout_width="260dp" android:layout_height="match_parent" android:background="#f00" android:layout_gravity="start"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/ic_launcher"/> </RelativeLayout> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/rel_main"> <RadioGroup android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:id="@+id/rg" android:layout_alignParentBottom="true"> <RadioButton android:layout_width="0dp" android:layout_height="40dp" android:layout_weight="1" android:gravity="center" android:checked="true" android:id="@+id/rb_index" android:text="上天" android:textSize="25sp" android:background="@drawable/rg_bj" android:textColor="@color/text_selector" android:button="@null"/> <RadioButton android:layout_width="0dp" android:layout_height="40dp" android:layout_weight="1" android:gravity="center" android:id="@+id/rb_my" android:text="下地" android:textSize="25sp" android:background="@drawable/rg_bj" android:textColor="@color/text_selector" android:button="@null"/> </RadioGroup> <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/frcontent" android:layout_above="@id/rg" > </FrameLayout> </RelativeLayout> </android.support.v4.widget.DrawerLayout >==================================================
BaseActivity 基類
importandroid.os.Bundle; import android.support.annotation.Nullable; import android.support.v7.app.AppCompatActivity; import android.widget.Toast; //基類 public abstract class BaseActivity extends AppCompatActivity { @Override public void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); //設置內容視圖 setContentView(getActivityLayout()); initView(); setListener(); initData(); } //得到activity的布局 public abstract int getActivityLayout(); //初使化界面上的控件 public abstract void initView(); //初使化頁面中要使用到的數據 public abstract void initData(); //設置監聽事件 public abstract void setListener(); //彈出提示 public void showTip(String str){ Toast.makeText(this,str,Toast.LENGTH_SHORT).show(); } }==================================================
BaseFragment 基類
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; public abstract class BaseFragment extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { //調用抽象方法,返回fragment的布局 return getFragmentView(inflater,container); } @Override public void onActivityCreated(@Nullable Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); initView(); setListener(); initData(); } //得到fragment的視圖 public abstract View getFragmentView(LayoutInflater inflater,ViewGroup container); public abstract void initView(); public abstract void initData(); public abstract void setListener(); }
==========================================================主要代碼:
importandroid.widget.RadioGroup; import com.example.shenhuiran_1215.base.BaseActivity; import com.example.shenhuiran_1215.fragments.IndexFragment; import com.example.shenhuiran_1215.fragments.MyFragment; public class MainActivity extends BaseActivity { private RadioGroup radioGroup; @Override public int getActivityLayout() { return R.layout.activity_main; } @Override public void initView() { radioGroup = findViewById(R.id.rg); } @Override public void initData() { //默認添加首頁fragment getSupportFragmentManager().beginTransaction().replace(R.id.frcontent,new IndexFragment()).commit(); //調用父類中的公共方法 showTip("haha"); } @Override public void setListener() { radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() { @Override public void onCheckedChanged(RadioGroup radioGroup, int i) { switch (i){ case R.id.rb_index: getSupportFragmentManager().beginTransaction().replace(R.id.frcontent,new IndexFragment()).commit(); break; case R.id.rb_my: getSupportFragmentManager().beginTransaction().replace(R.id.frcontent,new MyFragment()).commit(); break; } } }); } }
==========================================
MyFragment 類
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 com.example.shenhuiran_1215.R; public class MyFragment extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View v=inflater.inflate(R.layout.my,container,false); return v; } @Override public void onActivityCreated(@Nullable Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); } }
----------------------------------------------------------
布局:隨便加個背景顏色
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#00f"> </android.support.constraint.ConstraintLayout>
==============================================
IndexFragment 類
import android.os.Bundle; 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.shenhuiran_1215.R; import com.example.shenhuiran_1215.TabModel; import com.example.shenhuiran_1215.base.BaseFragment; import java.util.ArrayList; import java.util.List; public class IndexFragment extends BaseFragment { private TabLayout tabLayout; private ViewPager viewPager; //存放所有標簽信息的集合列表 private List<TabModel> list; private View v; @Override public View getFragmentView(LayoutInflater inflater, ViewGroup container) { v = inflater.inflate(R.layout.index,container,false); return v; } @Override public void initView() { tabLayout = v.findViewById(R.id.mytab); viewPager = v.findViewById(R.id.vp); } @Override public void initData() { list=new ArrayList<>(); list.add(new TabModel("北鬥","xbsjxw")); list.add(new TabModel("天樞","txs")); list.add(new TabModel("天璇","toutiao")); list.add(new TabModel("天璣","news/mobile/jbgg")); list.add(new TabModel("天權","news/mobile/mgxw")); list.add(new TabModel("玉衡","news/mobile/ggxw")); list.add(new TabModel("開陽","news/mobile/jjxw")); list.add(new TabModel("瑤光","news/mobile/lcxw")); //設置適配器 viewPager.setAdapter(new MyAdapter(getChildFragmentManager()));//註意:在子fragment中,使用。。getChildFragmentManager //tablayout與vp進行關聯 tabLayout.setupWithViewPager(viewPager); //一次性加載完 viewPager.setOffscreenPageLimit(list.size()); } @Override public void setListener() { } class MyAdapter extends FragmentPagerAdapter{ public MyAdapter(FragmentManager fm) { super(fm); } @Override public CharSequence getPageTitle(int position) { return list.get(position).getTitle();//返回title信息 } @Override public Fragment getItem(int position) { ContentFragment fragment=new ContentFragment(); //傳遞type Bundle bundle=new Bundle(); bundle.putString("type",list.get(position).getType()); fragment.setArguments(bundle); return fragment; } @Override public int getCount() { return list.size(); } } }
----------------------------------------------
布局:
<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.support.design.widget.TabLayout android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="center" app:tabIndicatorColor="@color/colorAccent" app:tabMode="scrollable" app:tabSelectedTextColor="@color/colorPrimaryDark" app:tabTextColor="@color/colorPrimary" android:id="@+id/mytab"></android.support.design.widget.TabLayout> <android.support.v4.view.ViewPager android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/vp" android:layout_below="@+id/mytab"></android.support.v4.view.ViewPager> </RelativeLayout>
===============================================
importandroid.content.Context; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.TextView; import com.example.shenhuiran_1215.R; import com.example.shenhuiran_1215.bean.Result; import com.example.shenhuiran_1215.utils.ImageloaderUtil; import com.nostra13.universalimageloader.core.ImageLoader; import java.util.List; public class MyAdapter extends BaseAdapter { private Context context; private List<Result.DataBean> data; private final int LEFT_IMAGE=0; private final int RIGHT_IMAGE=1; public MyAdapter(Context context, List<Result.DataBean> data) { this.context = context; this.data = data; } @Override public int getCount() { return data.size(); } @Override public int getViewTypeCount() { return 2; } @Override public int getItemViewType(int position) { if(position%2==0){ return RIGHT_IMAGE; }else { return LEFT_IMAGE; } } @Override public Object getItem(int i) { return null; } @Override public long getItemId(int i) { return 0; } @Override public View getView(int i, View view, ViewGroup viewGroup) { //根據下標得到類型 int itemType = getItemViewType(i); if(itemType==LEFT_IMAGE){ ViewHolder holder; if(view==null){ view=View.inflate(context, R.layout.item_left,null); holder=new ViewHolder(); holder.imageView=view.findViewById(R.id.img); holder.textView=view.findViewById(R.id.tv); view.setTag(holder); }else { holder=(ViewHolder) view.getTag(); } holder.textView.setText(data.get(i).getTitle()); String imgurl=data.get(i).getImg(); if(!"".equals(imgurl) && imgurl!=null){ ImageLoader.getInstance().displayImage(imgurl,holder.imageView, ImageloaderUtil.getImageOptions()); } return view; }else { ViewHolder holder; if(view==null){ view=View.inflate(context, R.layout.item_right,null); holder=new ViewHolder(); holder.imageView=view.findViewById(R.id.img); holder.textView=view.findViewById(R.id.tv); view.setTag(holder); }else { holder=(ViewHolder) view.getTag(); } holder.textView.setText(data.get(i).getTitle()); String imgurl=data.get(i).getImg(); if(!"".equals(imgurl) && imgurl!=null){ ImageLoader.getInstance().displayImage(imgurl,holder.imageView, ImageloaderUtil.getImageOptions()); } return view; } } class ViewHolder{ ImageView imageView; TextView textView; } }
-------------------------------------------------兩個布局:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:layout_width="80dp" android:layout_height="80dp" android:src="@mipmap/ic_launcher" android:id="@+id/img"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/tv" android:layout_toRightOf="@+id/img"/> </RelativeLayout>---------------------------------------
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:layout_width="80dp" android:layout_height="80dp" android:src="@mipmap/ic_launcher" android:id="@+id/img" android:layout_alignParentRight="true"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/tv" android:layout_toLeftOf="@+id/img"/> </RelativeLayout>============================================================
ContentFragment 類
importandroid.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 com.example.shenhuiran_1215.R; import com.example.shenhuiran_1215.adapter.MyAdapter; import com.example.shenhuiran_1215.bean.Result; import com.example.shenhuiran_1215.utils.MyTask; import com.google.gson.Gson; import com.google.gson.reflect.TypeToken; import com.handmark.pulltorefresh.library.PullToRefreshBase; import com.handmark.pulltorefresh.library.PullToRefreshListView; import java.lang.reflect.Type; import java.util.ArrayList; import java.util.List; public class ContentFragment extends Fragment { private PullToRefreshListView plv; private String type=""; private String preUrl="http://mnews.gw.com.cn/wap/data/news/"; private int pageIndex=1; private String nextUrl; private String url; private MyAdapter adapter; private List<Result.DataBean> data; private int operType=1; @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View v=inflater.inflate(R.layout.content,container,false); plv = v.findViewById(R.id.plv); data=new ArrayList<>(); //接收參數 Bundle arguments = getArguments(); if(arguments!=null){ type=arguments.getString("type"); //進行url地址的拼接 nextUrl="/page_"+pageIndex+".json"; url=preUrl+type+nextUrl; } return v; } @Override public void onActivityCreated(@Nullable Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); initPlv(); requestNetData(); } private void requestNetData() { //請求網絡數據 MyTask myTask=new MyTask(new MyTask.Icallbacks() { @Override public void updateUiByjson(String jsonstr) { List<Result> list=new ArrayList<>(); //得到集合類型 Type t=new TypeToken<List<Result>>(){}.getType(); Gson gson=new Gson(); list=gson.fromJson(jsonstr,t); //取得顯示的數據 Result data1 = list.get(0); if(operType==1){ data.clear(); } data.addAll(data1.getData()); //創建適配器 setAdapter(); plv.onRefreshComplete(); } }); myTask.execute(url); } public void setAdapter(){ if(adapter==null){ adapter=new MyAdapter(getActivity(),data); plv.setAdapter(adapter); }else { adapter.notifyDataSetChanged(); } } //初使化 private void initPlv() { plv.setMode(PullToRefreshBase.Mode.BOTH); plv.setOnRefreshListener(new PullToRefreshBase.OnRefreshListener2<ListView>() { @Override public void onPullDownToRefresh(PullToRefreshBase<ListView> pullToRefreshBase) { pageIndex=1; nextUrl="/page_"+pageIndex+".json"; url=preUrl+type+nextUrl; operType=1; requestNetData(); } @Override public void onPullUpToRefresh(PullToRefreshBase<ListView> pullToRefreshBase) { pageIndex++; nextUrl="/page_"+pageIndex+".json"; url=preUrl+type+nextUrl; operType=2; requestNetData(); } }); } }-----------------------------------------
布局:
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <com.handmark.pulltorefresh.library.PullToRefreshListView android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/plv"></com.handmark.pulltorefresh.library.PullToRefreshListView> </android.support.constraint.ConstraintLayout>
==============================================================
TabModel 封裝類
public class TabModel { private String title; private String type;
有參方法
get set方法}
Fragment,側滑菜單,PullToRefresh上下拉加載