側滑+taglayout頁面切換fragment+多條目展示+無線輪播+輪播圖小圓點
阿新 • • 發佈：2018-12-21
Activity基類
package com.example.week_03_01; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v7.app.AppCompatActivity; public abstract class BaseActivity extends AppCompatActivity { @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(getLayout()); //判斷savedInstanceState為空時 getsavedInstanceState(savedInstanceState); //初始化 initView(); //載入資料 initData(); } protected abstract void initData(); protected abstract void initView(); protected abstract void getsavedInstanceState(Bundle savedInstanceState); protected abstract int getLayout(); }
Activity （側滑+tabLayout）
package com.example.week_03_01; import android.os.Bundle; import android.support.design.widget.TabLayout; import android.support.v4.view.ViewPager; import android.support.v4.widget.DrawerLayout; import android.support.v7.app.ActionBarDrawerToggle; import android.view.Gravity; import android.view.MenuItem; import com.example.adapter.LeftPageAdapter; import com.example.fragment.LeftFragment; public class MainActivity extends BaseActivity { private DrawerLayout drawerLayout; private ViewPager viewPager; private TabLayout tabLayout; private ActionBarDrawerToggle toggle; @Override protected void initData() { } @Override protected void initView() { drawerLayout=findViewById(R.id.drawerlayout); viewPager=findViewById(R.id.view_shou); tabLayout=findViewById(R.id.taglayout); //允許側拉左上角按鈕 getSupportActionBar().setDisplayHomeAsUpEnabled(true); toggle=new ActionBarDrawerToggle(this,drawerLayout,R.string.open,R.string.close); toggle.syncState(); drawerLayout.addDrawerListener(toggle); //繫結介面卡adapter新增fragment viewPager.setAdapter(new LeftPageAdapter(getSupportFragmentManager())); //taglayout繫結viewpager tabLayout.setupWithViewPager(viewPager); } @Override public boolean onOptionsItemSelected(MenuItem item) { if (toggle.onOptionsItemSelected(item)){ return true; } return super.onOptionsItemSelected(item); } @Override protected void getsavedInstanceState(Bundle savedInstanceState) { //savedInstanceState為空時新增Fragment：側拉選單 if (savedInstanceState==null){ getSupportFragmentManager().beginTransaction() .add(R.id.left_layout,new LeftFragment()) .commit(); } } @Override protected int getLayout() { return R.layout.activity_main; } //切換頁面 public void showPage(int position){ viewPager.setCurrentItem(position); drawerLayout.closeDrawer(Gravity.START); } }
Fragment基類
package com.example.fragment; import android.os.Bundle; import android.support.annotation.NonNull; 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(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { if(getLayoutResId() != 0) { return inflater.inflate(getLayoutResId(), container, false); } View view = getLayoutView(); if(view != null) { return view; } return null; } protected View getLayoutView(){ return null; } @Override public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) { super.onViewCreated(view, savedInstanceState); //初始化 initView(view); //新增資料 initData(); } protected abstract void initData(); protected abstract void initView(View view); protected int getLayoutResId(){return 0;} }
側滑資料程式碼fragment
package com.example.fragment;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import com.example.adapter.LeftAdapter;
import com.example.week_03_01.MainActivity;
import com.example.week_03_01.R;
public class LeftFragment extends BaseFragment{
private ListView listView;
@Override
protected void initData() {
//建立介面卡
listView.setAdapter(new LeftAdapter(getActivity()));
//點選監聽
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
if (position==0){
return;
}
((MainActivity)getActivity()).showPage(position-1);
}
});
}
@Override
protected void initView(View view) {
listView=view.findViewById(R.id.listview);
}
@Override
protected int getLayoutResId() {
return R.layout.left_item;
}
}
首頁fragment資料
package com.example.fragment;
import android.support.v4.app.Fragment;
import android.view.View;
import android.widget.Toast;
import com.example.adapter.ShowAdapter;
import com.example.bean.BannerBean;
import com.example.bean.NewBean;
import com.example.utils.NetUtils;
import com.example.week_03_01.R;
import me.maxwin.view.XListView;
public class InformationFragment extends BaseFragment {
private String bannerurl="https://api.tianapi.com/wxnew/?key=605fa0a929c8d8b116424df0510c6b2a&num=6&page=1";
private String dataurl="http://172.17.8.100/movieApi/movie/v1/findHotMovieList?page=%d&count=%d";
private XListView xListView;
private ShowAdapter showAdapter;
private int mpage;
private final int COUNT=10;
@Override
protected void initData() {
mpage=1;
//建立介面卡
showAdapter = new ShowAdapter(getActivity());
xListView.setAdapter(showAdapter);
xListView.setPullRefreshEnable(true);
xListView.setPullLoadEnable(true);
xListView.setXListViewListener(new XListView.IXListViewListener() {
@Override
public void onRefresh() {
mpage=1;
loadData();
}
@Override
public void onLoadMore() {
loadData();
}
});
loadData();
}
//獲取網路資料
private void loadData() {
if (mpage==1){
loadBanner();
loadNew();
}else{
loadNew();
}
}
private void loadNew() {
NetUtils.getInsanner().getRequery(String.format(dataurl, mpage, COUNT), NewBean.class, new NetUtils.CallBack<NewBean>() {
@Override
public void onsuccess(NewBean o) {
if(o==null){
Toast.makeText(getActivity(),"請求失敗",Toast.LENGTH_SHORT).show();
return;
}
if (mpage==1){
showAdapter.setdata(o.getResult());
}else{
showAdapter.adddata(o.getResult());
}
mpage++;
xListView.stopLoadMore();
xListView.stopRefresh();
}
});
}
private void loadBanner() {
NetUtils.getInsanner().getRequery(bannerurl, BannerBean.class, new NetUtils.CallBack<BannerBean>() {
@Override
public void onsuccess(BannerBean o) {
if(o==null){
Toast.makeText(getActivity(),"請求失敗",Toast.LENGTH_SHORT).show();
return;
}
showAdapter.setBanner(o.getNewslist());
}
});
}
@Override
protected void initView(View view) {
xListView=view.findViewById(R.id.xlistview);
}
@Override
protected int getLayoutResId() {
return R.layout.information_item;
}
}
輪播圖介面卡
package com.example.adapter;
import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import com.example.bean.BannerBean;
import com.nostra13.universalimageloader.core.ImageLoader;
import java.util.List;
public class BannerPagrAdapter extends PagerAdapter {
private List<BannerBean.NewslistBean> mBanner;
private Context context;
public BannerPagrAdapter(List<BannerBean.NewslistBean> mBanner, Context context) {
this.mBanner = mBanner;
this.context = context;
}
@Override
public int getCount() {
return mBanner.size()>0?5000:0;
}
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object o) {
return view==o;
}
@NonNull
@Override
public Object instantiateItem(@NonNull ViewGroup container, int position) {
ImageView imageView = new ImageView(context);
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
container.addView(imageView);
ImageLoader.getInstance().displayImage(getItem(position).getPicUrl(),imageView);
return imageView;
}
@Override
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
container.removeView((View) object);
}
public BannerBean.NewslistBean getItem(int position){
return mBanner.get(position%mBanner.size());
}
}
側拉布局的介面卡
package com.example.adapter;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import com.example.week_03_01.R;
public class LeftAdapter extends BaseAdapter {
private static final int COUNT_ITEM =2 ;
private static final int IMAGE_ITEM = 0;
private static final int TEXT_IMAGE = 1;
private String[] meuns=new String[]{"資訊","社群","群組","我的"};
private Context context;
public LeftAdapter(Context context) {
this.context = context;
}
@Override
public int getViewTypeCount() {
return COUNT_ITEM;
}
@Override
public int getItemViewType(int position) {
return position==0?IMAGE_ITEM:TEXT_IMAGE;
}
@Override
public int getCount() {
return meuns.length+1;
}
@Override
public String getItem(int position) {
if (position==0){
return null;
}
return meuns[position-1];
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;
if (convertView==null){
convertView=LayoutInflater.from(context).inflate(
getItemViewType(position)==IMAGE_ITEM? R.layout.left_image_item:R.layout.left_text_item
,parent,false);
holder=new ViewHolder(convertView);
}else{
holder= (ViewHolder) convertView.getTag();
}
if (getItemViewType(position)==TEXT_IMAGE){
holder.setdata(getItem(position));
}
return convertView;
}
class ViewHolder{
TextView textView;
ImageView imageView;
public ViewHolder(View convertView) {
textView=convertView.findViewById(R.id.left_text);
imageView=convertView.findViewById(R.id.left_image);
convertView.setTag(this);
}
public void setdata(String item) {
textView.setText(item);
/*if (imageView!=null){
imageView.setImageResource(R.mipmap.ic_launcher);
}*/
}
}
}
TayLayout繫結viewpager，viewpager的介面卡
package com.example.adapter;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import com.example.fragment.CommunityFragment;
import com.example.fragment.GroupFragment;
import com.example.fragment.InformationFragment;
import com.example.fragment.MyFragment;
public class LeftPageAdapter extends FragmentPagerAdapter {
private String[] meuns=new String[]{"資訊","社群","群組","我的"};
public LeftPageAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int i) {
switch (i){
case 0:
return new InformationFragment();
case 1:
return new CommunityFragment();
case 2:
return new GroupFragment();
case 3:
return new MyFragment();
default:
return new Fragment();
}
}
@Override
public int getCount() {
return meuns.length;
}
@Nullable
@Override
public CharSequence getPageTitle(int position) {
return meuns[position];
}
}
首頁展示資料是介面卡（xlistview）
package com.example.adapter;
import android.annotation.SuppressLint;
import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.support.v4.view.ViewPager;
import android.util.TypedValue;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import com.example.bean.BannerBean;
import com.example.bean.NewBean;
import com.example.week_03_01.R;
import com.nostra13.universalimageloader.core.ImageLoader;
import java.util.ArrayList;
import java.util.List;
public class ShowAdapter extends BaseAdapter {
private static final int COUNT_ITEM =2 ;
private static final int BANNER_ITEM = 0;
private static final int DATA_ITEM = 1;
private List<BannerBean.NewslistBean> mBanner;
private List<NewBean.ResultBean> mData;
private Context context;
public ShowAdapter(Context context) {
this.context = context;
mBanner=new ArrayList<>();
mData=new ArrayList<>();
}
//
public void setBanner(List<BannerBean.NewslistBean> banner){
mBanner.clear();
if (banner!=null){
mBanner.addAll(banner);
}
notifyDataSetChanged();
}
//下拉重新整理
public void setdata(List<NewBean.ResultBean> data){
mData.clear();
if (data!=null){
mData.addAll(data);
}
notifyDataSetChanged();
}
//上拉載入
public void adddata(List<NewBean.ResultBean> data){
if (data!=null){
mData.addAll(data);
}
notifyDataSetChanged();
}
@Override
public int getViewTypeCount() {
return COUNT_ITEM;
}
@Override
public int getItemViewType(int position) {
return position==0&&hasBanner()?BANNER_ITEM:DATA_ITEM;
}
private boolean hasBanner(){
return mBanner.size()>0;
}
@Override
public int getCount() {
return mData.size()+(hasBanner()?1:0);
}
@Override
public NewBean.ResultBean getItem(int position) {
return mData.get(hasBanner()?position-1:position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (getItemViewType(position)==BANNER_ITEM){
BannerViewHolder holder;
if (convertView==null){
convertView=LayoutInflater.from(context).inflate(R.layout.banner_item,parent,false);
holder=new BannerViewHolder(convertView);
}else{
holder= (BannerViewHolder) convertView.getTag();
}
holder.setbanner(mBanner);
}else{
DataViewHolder holder;
if (convertView==null){
convertView=LayoutInflater.from(context).inflate(R.layout.data_item,parent,false);
holder=new DataViewHolder(convertView);
}else{
holder= (DataViewHolder) convertView.getTag();
}
holder.setdata(getItem(position));
}
return convertView;
}
class BannerViewHolder{
ViewPager viewPager;
TextView textView;
LinearLayout linearLayout;
@SuppressLint("HandlerLeak")
private Handler handler = new Handler(){
@Override
public void handleMessage(Message msg) {
viewPager.setCurrentItem(viewPager.getCurrentItem()+1);
handler.sendEmptyMessageDelayed(0,2000);
}
};
public BannerViewHolder(View convertView) {
viewPager=convertView.findViewById(R.id.banner_view);
textView=convertView.findViewById(R.id.desc);
linearLayout=convertView.findViewById(R.id.linear);
convertView.setTag(this);
}
public void setbanner(final List<BannerBean.NewslistBean> mBanner) {
final BannerPagrAdapter bannerPagrAdapter = new BannerPagrAdapter(mBanner, context);
viewPager.setAdapter(bannerPagrAdapter);
//監聽
viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
//快取的點
private int cacheIndex = -1;
@Override
public void onPageScrolled(int i, float v, int i1) {
}
@Override
public void onPageSelected(int i) {
//改變檔案
textView.setText(mBanner.get(i%mBanner.size()).getTitle());
// textView.setText(bannerPagrAdapter.getItem(i).getTitle());
//改變當前點
linearLayout.getChildAt(i % linearLayout.getChildCount()).setSelected(true);
//還原原來的點
if (cacheIndex >= 0) {
linearLayout.getChildAt(cacheIndex % linearLayout.getChildCount()).setSelected(false);
}
cacheIndex = i;
}
@Override
public void onPageScrollStateChanged(int i) {
}
});
//初始化小圓點
initDot(mBanner.size());
//切換中間位置
int center = bannerPagrAdapter.getCount()/2;
center=center-center%mBanner.size();
viewPager.setCurrentItem(center);
//開啟輪播
startlooper();
}
private void initDot(int size) {
linearLayout.removeAllViews();
for (int i =0;i<size;i++){
ImageView imageView = new ImageView(context);
imageView.setBackgroundResource(R.drawable.selector_dot);
//佈局引數: 寬高包裹 左右8dp
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
int margin = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,2,context.getResources().getDisplayMetrics());
params.leftMargin=margin;
params.rightMargin=margin;
linearLayout.addView(imageView,params);
}
}
private void startlooper() {
handler.removeMessages(0);
handler.sendEmptyMessageDelayed(0,2000);
}
}
class DataViewHolder{
TextView name,summary;
ImageView imageView;
public DataViewHolder(View convertView) {
name=convertView.findViewById(R.id.name);
summary=convertView.findViewById(R.id.summary);
imageView=convertView.findViewById(R.id.data_image);
convertView.setTag(this);
}
public void setdata(NewBean.ResultBean item) {
name.setText(item.getName());
summary.setText(item.getSummary());
// if (imageView!=null){
ImageLoader.getInstance().displayImage(item.getImageUrl(),imageView);
//}
}
}
}
工具類
package com.example.utils;
import android.annotation.SuppressLint;
import android.os.AsyncTask;
import com.google.gson.Gson;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;
import java.net.URLConnection;
public class NetUtils {
private static NetUtils insanner;
private Gson gson;
public NetUtils() {
gson=new Gson();
}
public static NetUtils getInsanner() {
if (insanner==null){
insanner=new NetUtils();
}
return insanner;
}
public interface CallBack<T>{
void onsuccess(T t);
}
@SuppressLint("StaticFieldLeak")
public void getRequery(String urldata, final Class clazz, final CallBack callBack){
new AsyncTask<String,Void,Object>(){
@Override
protected Object doInBackground(String... strings) {
return getRequery(strings[0],clazz);
}
@Override
protected void onPostExecute(Object o) {
callBack.onsuccess(o);
}
}.execute(urldata);
}
public <E> E getRequery(String urldata,Class clazz){
return (E) gson.fromJson(getRequery(urldata),clazz);
}
public String getRequery(String urldata){
String reuslt="";
try {
URL url = new URL(urldata);
HttpURLConnection urlConnection = (HttpURLConnection) url.openConnection();
urlConnection.setRequestMethod("GET");
urlConnection.setConnectTimeout(5000);
urlConnection.setReadTimeout(5000);
int responseCode = urlConnection.getResponseCode();
if (responseCode==200){
reuslt=getStram2String(urlConnection.getInputStream());
}
} catch (Exception e) {
e.printStackTrace();
}
return reuslt;
}
private String getStram2String(InputStream inputStream) throws IOException {
StringBuilder builder = new StringBuilder();
BufferedReader br=new BufferedReader(new InputStreamReader(inputStream));
for (String tmp=br.readLine();tmp!=null;tmp=br.readLine()){
builder.append(tmp);
}
return builder.toString();
}
}
全域性配置application
package com.example.week_03_01;
import android.app.Application;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
public class App extends Application {
@Override
public void onCreate() {
super.onCreate();
ImageLoader.getInstance().init(
new ImageLoaderConfiguration.Builder(this)
.diskCacheSize(50*1024*1024)
.memoryCacheSizePercentage(10)
.defaultDisplayImageOptions(
new DisplayImageOptions.Builder()
.cacheInMemory(true)
.cacheOnDisk(true)
.showImageOnFail(R.mipmap.ic_launcher)
.showImageOnLoading(R.mipmap.ic_launcher)
.showImageForEmptyUri(R.mipmap.ic_launcher)
.build()
)
.build()
);
}
}
背景選擇器selector
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_selected="true" android:drawable="@drawable/shape_sel"/>
<item android:drawable="@drawable/shape_no"/>
</selector>
畫圓輪播圖小圓點繪製（未選中狀態小圓點灰色）
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<size android:height="8dp" android:width="8dp"/>
<solid android:color="#ccc"/>
</shape>
畫圓輪播圖小圓點繪製（選中狀態小圓點紅色）
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<size android:height="8dp" android:width="8dp"/>
<solid android:color="#f00"/>
</shape>
主頁面大布局
<?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"
android:id="@+id/drawerlayout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!--主介面-->
<android.support.constraint.ConstraintLayout 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=".MainActivity">
<android.support.v4.view.ViewPager
android:id="@+id/view_shou"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintBottom_toTopOf="@id/taglayout"/>
<android.support.design.widget.TabLayout
android:id="@+id/taglayout"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:tabSelectedTextColor="@color/colorAccent"
app:tabTextColor="@color/design_default_color_primary_dark"
app:tabBackground="@color/colorPrimary"
app:layout_constraintTop_toBottomOf="@id/view_shou"/>
</android.support.constraint.ConstraintLayout>
<!--側拉介面-->
<FrameLayout
android:id="@+id/left_layout"
android:layout_width="200dp"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="@android:color/white"/>
</android.support.v4.widget.DrawerLayout>
輪播圖佈局
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
xmlns:app="http://schemas.android.com/apk/res-auto">
<android.support.v4.view.ViewPager
android:id="@+id/banner_view"
android:layout_width="0dp"
android:layout_height="200dp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
/>
<LinearLayout
android:id="@+id/linear"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:orientation="horizontal"
app:layout_constraintBottom_toBottomOf="@id/banner_view"
app:layout_constraintRight_toRightOf="@id/banner_view"
app:layout_constraintLeft_toRightOf="@id/desc"
android:padding="8dp"/>
<TextView
android:id="@+id/desc"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toLeftOf="@id/linear"
android:ellipsize="end"
android:maxLines="1"
android:textSize="18sp"
app:layout_constraintBottom_toBottomOf="@id/banner_view"/>
</android.support.constraint.ConstraintLayout>