側拉+TabLayout切換fragment+Viewpager輪播圖小圓點和圖片上顯示標題+多條目+上拉載入+下拉重新整理
阿新 • • 發佈:2018-11-22
1.MainActivity主頁面
package com.example.zonghelianxi01; import android.annotation.SuppressLint; import android.support.annotation.Nullable; 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.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.Gravity; import android.view.MenuItem; import com.example.Apaper.TabAdaper; import com.example.Fragment.LiftFragment; public class MainActivity extends AppCompatActivity { private DrawerLayout layout; private ActionBarDrawerToggle toggle; private ViewPager viewPager; private TabLayout tabLayout; @SuppressLint("ResourceType") @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //為 空是新增fragment if(savedInstanceState == null){ getSupportFragmentManager().beginTransaction() .add(R.id.f_layout,new LiftFragment()) .commit(); } //初始化view initView(); } //初始化view private void initView() { //獲取資源id layout = findViewById(R.id.d_layout); //允許標題欄顯示左邊圖片 getSupportActionBar().setDisplayHomeAsUpEnabled(true); //ActionBar和DrawerLayout中間人 toggle = new ActionBarDrawerToggle(this,layout,R.string.open_start,R.string.close_start); layout.addDrawerListener(toggle); toggle.syncState(); //獲取資源id viewPager = findViewById(R.id.v_page); //設定介面卡 viewPager.setAdapter(new TabAdaper(getSupportFragmentManager())); //獲取資源id tabLayout = findViewById(R.id.t_layout); tabLayout.setupWithViewPager(viewPager); } //支援點選 @Override public boolean onOptionsItemSelected(MenuItem item) { if(toggle.onOptionsItemSelected(item)){ return true; } return super.onOptionsItemSelected(item); } //點選跳轉 public void showPage(int i) { viewPager.setCurrentItem(i); layout.closeDrawer(Gravity.START); } }
2.Fragment提取的基類BaseFragment
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) { return inflater.inflate(getLayoutResId(),container,false); } @Override public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) { super.onViewCreated(view, savedInstanceState); //初始化view initView(view); //初始化資料 initData(); } //初始化資料 protected abstract void initData(); //初始化view protected abstract void initView(View view); protected abstract int getLayoutResId(); }
3.側拉的適配頁面
package com.example.Apaper; 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.zonghelianxi01.R; public class LiftAdaper extends BaseAdapter { private String[] pageName = new String[]{ "資訊","社群","群組","我的" }; private Context context; private final int ITEM_COUNT = 2; private final int IMAGE_TYPE = 0; private final int TEXT_TYPE = 1; public LiftAdaper(Context context) { this.context = context; } @Override public int getCount() { return pageName.length+1; } @Override public String getItem(int position) { //當position==0; if(position == 0){ return null; } return pageName[position-1]; } @Override public long getItemId(int position) { return position; } @Override public int getViewTypeCount() { return ITEM_COUNT; } @Override public int getItemViewType(int position) { return position==0?IMAGE_TYPE:TEXT_TYPE; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder; if(convertView == null){ convertView = LayoutInflater.from(context).inflate( getItemViewType(position)==IMAGE_TYPE? R.layout.image_item:R.layout.text_item ,parent,false); holder = new ViewHolder(convertView); }else{ holder = (ViewHolder) convertView.getTag(); } if(getItemViewType(position)==TEXT_TYPE){ holder.bind(getItem(position)); } return convertView; } //建立暫存器 class ViewHolder{ TextView textView; ImageView imageView; //獲取資源id public ViewHolder(View convertView) { textView = convertView.findViewById(R.id.lift_text); imageView = convertView.findViewById(R.id.lift_image); convertView.setTag(this); } //賦值 public void bind(String item) { textView.setText(item); if(imageView!=null){ imageView.setImageResource(R.mipmap.ic_launcher); } } } }
4.側拉的fragment
package com.example.Fragment;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import com.example.Apaper.LiftAdaper;
import com.example.zonghelianxi01.MainActivity;
import com.example.zonghelianxi01.R;
public class LiftFragment extends BaseFragment {
private ListView listView;
//初始化資料
@Override
protected void initData() {
}
//初始化view
@Override
protected void initView(View view) {
//獲取資源id
listView = view.findViewById(R.id.menus);
//設定介面卡
listView.setAdapter(new LiftAdaper(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 int getLayoutResId() {
return R.layout.liftfragment;
}
}
5.側拉的佈局 多條目實現
5.1側拉顯示頭像佈局
<?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="match_parent"
android:padding="10dp"
xmlns:app="http://schemas.android.com/apk/res-auto">
<ImageView
android:id="@+id/lift_image"
android:layout_width="100dp"
android:layout_height="100dp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
android:src="@mipmap/ic_launcher"
/>
</android.support.constraint.ConstraintLayout>
5.2側拉顯示文字佈局
<?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">
<TextView
android:id="@+id/lift_text"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
android:padding="15dp"
android:text="TEXT"
android:gravity="center"
/>
</android.support.constraint.ConstraintLayout>
6.tablayout切換頁面
package com.example.Apaper;
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.FragmentFour;
import com.example.Fragment.FragmentOne;
import com.example.Fragment.FragmentThree;
import com.example.Fragment.FragmentTwo;
public class TabAdaper extends FragmentPagerAdapter {
private String[] pageName = new String[]{
"資訊","社群","群組","我的"
};
public TabAdaper(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int i) {
switch (i){
case 0:
return new FragmentOne();
case 1:
return new FragmentTwo();
case 2:
return new FragmentThree();
case 3:
return new FragmentFour();
default:
return new Fragment();
}
}
@Nullable
@Override
public CharSequence getPageTitle(int position) {
return pageName[position];
}
@Override
public int getCount() {
return pageName.length;
}
}
7.主頁面佈局
<?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:id="@+id/d_layout"
android:layout_height="match_parent"
tools:context=".MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.TabLayout
android:id="@+id/t_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
app:tabTextColor="@color/colorAccent"
app:tabSelectedTextColor="@color/colorPrimary"
app:tabIndicatorColor="@android:color/transparent"
app:tabIndicatorHeight="1dp"
/>
<android.support.v4.view.ViewPager
android:id="@+id/v_page"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@id/t_layout"
/>
</RelativeLayout>
<FrameLayout
android:id="@+id/f_layout"
android:layout_width="200dp"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="#fff"
/>
</android.support.v4.widget.DrawerLayout>
8.輪播圖的介面卡
package com.example.Apaper;
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.ImageBean;
import com.nostra13.universalimageloader.core.ImageLoader;
import java.util.ArrayList;
import java.util.List;
public class ImageAdaper extends PagerAdapter {
private List<ImageBean.NewslistBean> mData;
private Context context;
public ImageAdaper(List<ImageBean.NewslistBean> mData, Context context) {
this.mData = mData;
this.context = context;
}
@Override
public int getCount() {
return mData.size()>0?5000:0;
}
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object o) {
return view==o;
}
public ImageBean.NewslistBean getItem(int position){
return mData.get(position%mData.size());
}
@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);
}
}
9.顯示內容的介面卡
package com.example.Apaper;
import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.Resources;
import android.os.Handler;
import android.os.Message;
import android.support.v4.view.ViewPager;
import android.util.DisplayMetrics;
import android.util.TypedValue;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import com.example.Bean.ImageBean;
import com.example.Bean.NewsBean;
import com.example.zonghelianxi01.R;
import com.nostra13.universalimageloader.core.ImageLoader;
import java.util.ArrayList;
import java.util.List;
public class OneAdaper extends BaseAdapter {
private List<NewsBean.ResultBean> mResult;
private List<ImageBean.NewslistBean> mData;
private Context mContext;
private final int ITEM_COUNT = 2;
private final int NEW_TYPE = 0;
private final int BUNNER_TYPE = 1;
public OneAdaper(Context mContext) {
this.mContext = mContext;
//初始化
mResult = new ArrayList<>();
mData = new ArrayList<>();
}
//判斷是否有banner
public boolean hasBunner(){
return mData.size()>0;
}
//重新整理bunner
public void setmData(List<ImageBean.NewslistBean> datas){
//清空
mData.clear();
if(datas!=null){
//新增資料
mData.addAll(datas);
}
//重新整理介面卡
notifyDataSetChanged();
}
//重新整理新聞
public void setmResult(List<NewsBean.ResultBean> results){
//清空
mResult.clear();
if (results!=null){
//新增資料
mResult.addAll(results);
}
//重新整理介面卡
notifyDataSetChanged();
}
//追加新聞
public void addResult(List<NewsBean.ResultBean> results){
if(results!=null){
//新增資料
mResult.addAll(results);
}
//重新整理介面卡
notifyDataSetChanged();
}
@Override
public int getCount() {
return hasBunner()?mResult.size()+1:mResult.size();
}
@Override
public NewsBean.ResultBean getItem(int position) {
return mResult.get(hasBunner()?position-1:position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public int getViewTypeCount() {
return ITEM_COUNT;
}
@Override
public int getItemViewType(int position) {
if(position==0&&hasBunner()){
return BUNNER_TYPE;
}else{
return NEW_TYPE;
}
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if(getItemViewType(position) == BUNNER_TYPE){
BunnerViewHolder holder;
if(convertView == null){
convertView = LayoutInflater.from(mContext).inflate(R.layout.bunner_item,parent,false);
holder = new BunnerViewHolder(convertView);
}else{
holder = (BunnerViewHolder) convertView.getTag();
}
holder.bindBunner(mData);
}else{
NewViewHolder holder;
if (convertView == null){
convertView = LayoutInflater.from(mContext).inflate(R.layout.new_item,parent,false);
holder = new NewViewHolder(convertView);
}else{
holder = (NewViewHolder) convertView.getTag();
}
holder.bindNew(getItem(position));
}
return convertView;
}
//建立bunner暫存器
class BunnerViewHolder{
ViewPager viewPager;
LinearLayout layout;
TextView textView;
//獲取資源id
public BunnerViewHolder(View convertView) {
viewPager = convertView.findViewById(R.id.one_pager);
layout = convertView.findViewById(R.id.dot);
textView = convertView.findViewById(R.id.deso);
convertView.setTag(this);
}
//設定值
public void bindBunner(final List<ImageBean.NewslistBean> mData) {
//建立介面卡
final ImageAdaper adaper = new ImageAdaper(mData,mContext);
viewPager.setAdapter(adaper);
//滑動監聽
viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
//快取的點
private int index = -1;
@Override
public void onPageScrolled(int i, float v, int i1) {
}
@Override
public void onPageSelected(int i) {
//改變textview
textView.setText(mData.get(i%mData.size()).getTitle());
//textView.setText(adaper.getItem(i).getTitle());
//改變當前點
layout.getChildAt(i%layout.getChildCount()).setSelected(true);
//還原原來的點
if(index>=0){
layout.getChildAt(index%layout.getChildCount()).setSelected(false);
}
index = i;
}
@Override
public void onPageScrollStateChanged(int i) {
}
});
//初始化小圓點
initDot(mData.size());
//切換中間位置
int center = adaper.getCount() / 2;
center = center - center%mData.size();
viewPager.setCurrentItem(center);
//開始輪播
startLooper();
}
//建立Handler
@SuppressLint("HandlerLeak")
private Handler handler = new Handler(){
@Override
public void handleMessage(Message msg) {
viewPager.setCurrentItem(viewPager.getCurrentItem()+1);
handler.sendEmptyMessageDelayed(0,2000);
}
};
//開始輪播
private void startLooper() {
handler.removeCallbacksAndMessages(null);
handler.sendEmptyMessageDelayed(0,2000);
}
//初始化小圓點
private void initDot(int size) {
layout.removeAllViews();
for (int i = 0; i < size; i++) {
ImageView imageView = new ImageView(mContext);
imageView.setBackgroundResource(R.drawable.selected_dot);
//佈局引數,寬高包裹
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT
);
int marage = (int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,5,
mContext.getResources().getDisplayMetrics()
);
params.leftMargin = marage;
params.rightMargin = marage;
layout.addView(imageView,params);
}
}
}
//建立新聞暫存器
class NewViewHolder{
ImageView image;
TextView title;
TextView summary;
//獲取資源id
public NewViewHolder(View convertView) {
image = convertView.findViewById(R.id.one_image);
title = convertView.findViewById(R.id.title);
summary = convertView.findViewById(R.id.summary);
convertView.setTag(this);
}
//賦值
public void bindNew(NewsBean.ResultBean item) {
title.setText(item.getName());
summary.setText(item.getSummary());
ImageLoader.getInstance().displayImage(item.getImageUrl(),image);
}
}
}
10.Application初始化圖片
package com.example.Application;
import android.app.Application;
import android.graphics.Bitmap;
import com.example.zonghelianxi01.R;
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)
.memoryCacheSizePercentage(10)
.diskCacheSize(50*1024*1024)
.defaultDisplayImageOptions(new DisplayImageOptions.Builder()
.bitmapConfig(Bitmap.Config.RGB_565)
.cacheOnDisk(true)
.cacheInMemory(true)
.showImageOnFail(R.mipmap.ic_launcher)
.showImageForEmptyUri(R.mipmap.ic_launcher)
.showImageOnLoading(R.mipmap.ic_launcher)
.build())
.build());
}
}
11.顯示內容的Fragment
package com.example.Fragment;
import android.view.View;
import android.widget.Toast;
import com.example.Apaper.OneAdaper;
import com.example.Bean.ImageBean;
import com.example.Bean.NewsBean;
import com.example.Utils.NetUtil;
import com.example.zonghelianxi01.R;
import me.maxwin.view.XListView;
public class FragmentOne extends BaseFragment {
private String imageUrl = "https://api.tianapi.com/wxnew/?key=605fa0a929c8d8b116424df0510c6b2a&num=6&page=1";
private String newUrl = "http://172.17.8.100/movieApi/movie/v1/findHotMovieList?page=%d&count=%d";
private XListView xListView;
private int mPage;
private final int LOAD_COUNT = 10;
private OneAdaper adaper;
//初始化資料
@Override
protected void initData() {
mPage = 1;
//設定支援重新整理/載入
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){
//載入bunner
loadBunner();
//載入新聞
loadNew();
}else{
//載入新聞
loadNew();
}
}
//載入新聞
private void loadNew() {
NetUtil.getInstance().getReruest(String.format(newUrl, mPage, LOAD_COUNT), NewsBean.class,
new NetUtil.CallBack<NewsBean>() {
@Override
public void onSuccess(NewsBean o) {
if(o==null){
Toast.makeText(getActivity(),"請求錯誤",Toast.LENGTH_SHORT).show();
return;
}
if(mPage==1){
//重新整理
adaper.setmResult(o.getResult());
}else{
//載入
adaper.addResult(o.getResult());
}
mPage++;
//停止重新整理
xListView.stopRefresh();
//停止載入
xListView.stopLoadMore();
//當集合長度小於資料長度停止載入
if(o.getResult().size()<LOAD_COUNT){
xListView.setPullLoadEnable(false);
}
}
}
);
}
//載入bunner
private void loadBunner() {
NetUtil.getInstance().getReruest(imageUrl, ImageBean.class, new NetUtil.CallBack<ImageBean>() {
@Override
public void onSuccess(ImageBean o) {
if(o==null){
Toast.makeText(getActivity(),"請求錯誤",Toast.LENGTH_SHORT).show();
return;
}
adaper.setmData(o.getNewslist());
}
});
}
//初始化view
@Override
protected void initView(View view) {
//獲取資源id
xListView = view.findViewById(R.id.x_listview);
//建立介面卡
adaper = new OneAdaper(getActivity());
//設定介面卡
xListView.setAdapter(adaper);
}
//初始化載入佈局
@Override
protected int getLayoutResId() {
return R.layout.fragmentone;
}
}
12.工具類
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 NetUtil {
private static NetUtil instance;
private Gson gson;
public NetUtil() {
gson = new Gson();
}
public static NetUtil getInstance() {
if(instance == null){
instance = new NetUtil();
}
return instance;
}
//執行一個網路請求返回string
public String getReruest(String urlStr){
String result = "";
try {
//開啟url地址
URL url = new URL(urlStr);
//開啟連線
HttpURLConnection urlConnection = (HttpURLConnection) url.openConnection();
//設定請求方式
urlConnection.setRequestMethod("GET");
//設定超時
urlConnection.setConnectTimeout(5000);
urlConnection.setReadTimeout(5000);
//獲取請求碼
int responseCode = urlConnection.getResponseCode();
if(responseCode == 200){
result = stream2String(urlConnection.getInputStream());
}
} catch (MalformedURLException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
return result;
}
//將位元組流轉換為字元流
private String stream2String(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();
}
//執行一個網路請求返回bean
public <E> E getReruest(String urlStr,Class clazz){
return (E) gson.fromJson(getReruest(urlStr),clazz);
}
//定義介面
public interface CallBack<E>{
void onSuccess(E e);
}
//非同步請求 介面回撥
@SuppressLint("StaticFieldLeak")
public void getReruest(String urlStr, final Class clazz, final CallBack callBack ){
new AsyncTask<String,Void,Object>(){
@Override
protected Object doInBackground(String... strings) {
return getReruest(strings[0],clazz);
}
@Override
protected void onPostExecute(Object o) {
callBack.onSuccess(o);
}
}.execute(urlStr);
}
}
13.側拉頁面佈局
<?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="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<ListView
android:id="@+id/menus"
android:layout_width="0dp"
android:layout_height="0dp"
android:padding="15dp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
/>
</android.support.constraint.ConstraintLayout>
14.內容頁面佈局 xlistview
<?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="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<me.maxwin.view.XListView
android:id="@+id/x_listview"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
/>
</android.support.constraint.ConstraintLayout>
15.輪播圖小圓點佈局
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval"
>
<size
android:width="8dp"
android:height="8dp"
/>
<solid
android:color="#909090"/>
</shape>
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval"
>
<size
android:width="8dp"
android:height="8dp"
/>
<solid
android:color="#900000"
/>
</shape>
<?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/shap_sel_dot"></item>
<item android:drawable="@drawable/shape_normal_dot"></item>
</selector>
16.內容頁面多條目展示佈局
16.1 new_item.xml
<?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"
android:padding="10dp"
xmlns:app="http://schemas.android.com/apk/res-auto">
<ImageView
android:id="@+id/one_image"
android:layout_width="140dp"
android:layout_height="120dp"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
/>
<TextView
android:id="@+id/title"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="@id/one_image"
app:layout_constraintRight_toLeftOf="@id/one_image"
app:layout_constraintLeft_toLeftOf="parent"
android:text="title"
/>
<TextView
android:id="@+id/summary"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="@id/one_image"
app:layout_constraintRight_toLeftOf="@id/one_image"
app:layout_constraintLeft_toLeftOf="parent"
android:maxLines="3"
android:text="summary"
/>
</android.support.constraint.ConstraintLayout>
16.2 bunner_item.xml
<?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/one_pager"
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/dot"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:orientation="horizontal"
app:layout_constraintRight_toRightOf="@id/one_pager"
app:layout_constraintBottom_toBottomOf="@id/one_pager"
android:padding="8dp"
/>
<TextView
android:id="@+id/deso"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintRight_toLeftOf="@id/dot"
app:layout_constraintBottom_toBottomOf="@id/one_pager"
app:layout_constraintLeft_toLeftOf="parent"
android:maxLines="1"
android:ellipsize="end"
/>
</android.support.constraint.ConstraintLayout>
效果圖
效果圖2