Activity主頁面 主要是實現展示優化+多條目展示

public class MainActivity extends AppCompatActivity {

    String baseUrl = "http://api.expoon.com/AppNews/getNewsList/type/1/p/";
    int page;
    private XListView XList;
    List<Bean.DataBean> list = new ArrayList<>();
    private MyAdapter myAdapter;
    private ImageLoader instance;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        XList = (XListView)findViewById(R.id.xlist);
        instance = ImageLoader.getInstance();
        myAdapter = new MyAdapter();
        XList.setAdapter(myAdapter);

        getNetData(0);

        XList.setPullLoadEnable(true);

        XList.setXListViewListener(new XListView.IXListViewListener() {
            /**
             * 下拉---重新整理
             */
            @Override
            public void onRefresh() {
                list.clear();   //清空集合
                getNetData(0);//    請求第0頁,也就是伺服器最新的一頁資料;
                page=0; // 把page置0;
            }

            /**
             * 上拉 --- 載入更多
             */
            @Override
            public void onLoadMore() {
                page++;
                getNetData(page);

            }
        });
    }

    private void getNetData(int i) {

            new MAsncTask().execute(baseUrl+page);
    }
    private class MyAdapter extends BaseAdapter {

        private final int TYPE1 = 0;
        private final int TYPE2 = 1;
        private final int TYPE3 = 2;
        private final int TYPE4 = 3;

        @Override
        public int getViewTypeCount() {
            return 4;
        }

        @Override
        public int getItemViewType(int position) {
            int p = position%4;
            if(p == 0){
                return TYPE1;
            }else if(p == 1){
                return TYPE2;
            }else if(p == 2){
                return TYPE3;
            }else if(p == 3){
                return TYPE4;
            }else{
                return TYPE1;
            }
        }

        @Override
        public int getCount() {
            return list.size();
        }

        @Override
        public Object getItem(int position) {
            return list.get(position);
        }

        @Override
        public long getItemId(int position) {
           return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            int type = getItemViewType(position);
            switch (type){
                case TYPE1:
                    ViewHolder holder ;
                    if(convertView == null){
                        convertView =  View.inflate(MainActivity.this,R.layout.item,null);
                        holder = new ViewHolder();
                        holder.textView = convertView.findViewById(R.id.textView);
                        holder.imageView = convertView.findViewById(R.id.imageView);
                        convertView.setTag(holder);
                    }else{
                        holder = (ViewHolder) convertView.getTag();
                    }
                    holder.textView.setText(list.get(position).getNews_summary());
                    instance.displayImage(list.get(position).getPic_url(),holder.imageView,ImageUtil.getDisplayImageOptions());
                    break;
                case TYPE2:
                    ViewHolder1 holder1 ;
                    if(convertView == null){
                        convertView =  View.inflate(MainActivity.this,R.layout.item1,null);
                        holder1 = new ViewHolder1();
                        holder1.textView1 = convertView.findViewById(R.id.textView1);
                        holder1.imageView1 = convertView.findViewById(R.id.imageView1);
                        holder1.imageView11 = convertView.findViewById(R.id.imageView11);
                        convertView.setTag(holder1);
                    }else{
                        holder1 = (ViewHolder1) convertView.getTag();
                    }
                    holder1.textView1.setText(list.get(position).getNews_title());
                    instance.displayImage(list.get(position).getPic_url(),holder1.imageView1,ImageUtil.getDisplayImageOptions());
                    instance.displayImage(list.get(position).getPic_url(),holder1.imageView11,ImageUtil.getDisplayImageOptions());
                    break;
                case TYPE3:
                    ViewHolder2 holder2 ;
                    if(convertView == null){
                        convertView =  View.inflate(MainActivity.this,R.layout.item2,null);
                        holder2 = new ViewHolder2();
                        holder2.imageView2 = convertView.findViewById(R.id.imageView2);
                        convertView.setTag(holder2);
                    }else{
                        holder2 = (ViewHolder2) convertView.getTag();
                    }
                    instance.displayImage(list.get(position).getPic_url(),holder2.imageView2,ImageUtil.getDisplayImageOptions());
                    break;
                    case TYPE4:
                    ViewHolder3 holder3 ;
                    if(convertView == null){
                        convertView =  View.inflate(MainActivity.this,R.layout.item3,null);
                        holder3 = new ViewHolder3();
                        holder3.textView3 = convertView.findViewById(R.id.textView3);
                        convertView.setTag(holder3);
                    }else{
                        holder3 = (ViewHolder3) convertView.getTag();
                    }
                    holder3.textView3.setText(list.get(position).getNews_title());
                    break;

            }
            return convertView;
        }

        class  ViewHolder{
            TextView textView;
            ImageView imageView;
        }
        class ViewHolder1{
            TextView textView1;
            ImageView imageView1;
            ImageView imageView11;
        }
        class ViewHolder2{
            ImageView imageView2;
        }
        class ViewHolder3{
            TextView textView3;
        }
    }
    private class MAsncTask extends AsyncTask<String ,Void,String> {
        @Override
        protected String doInBackground(String... strings) {
            return NetWordUtils.getNetjson(strings[0]);
        }

        @Override
        protected void onPostExecute(String s) {
            super.onPostExecute(s);
            Gson gson = new Gson();
            Bean bean = gson.fromJson(s, Bean.class);
            List<Bean.DataBean> data = bean.getData();
            list.addAll(data);
            myAdapter.notifyDataSetChanged();
            uiComplete();
        }

        private void uiComplete() {
            XList.stopRefresh();
            XList.stopLoadMore();
            XList.setRefreshTime("剛剛");
        }
    }



}

 

Bean類

package yxx.com.xlistviewn;

import java.util.List;

public class Bean {


    /**
     * status : 1
     * info : 獲取內容成功
     * data : [{"news_id":"13811","news_title":"深港澳臺千里連線，嘉年華會今夏入川","news_summary":"6月17\u201420日，\u201c2016成都深港澳臺嘉年華會\u201d(簡稱嘉年華會)將在成都世紀城國際會展中心舉辦。其主辦方勵展華博借力旗","pic_url":"http://f.expoon.com/sub/news/2016/01/21/887844_230x162_0.jpg"},{"news_id":"13810","news_title":"第14屆溫州國際汽車展4月舉行 設9大主題展館","news_summary":"來自前不久舉行的溫州國際汽車展覽會第一次新聞釋出會的訊息， 2016第14屆溫州國際汽車展覽會定於4月7-10日在溫州國","pic_url":"http://f.expoon.com/sub/news/2016/01/21/580828_230x162_0.jpg"},{"news_id":"13808","news_title":"第十二屆中國(南安)國際水暖泵閥交易會 四大亮點","news_summary":"第十二屆中國(南安)國際水暖泵閥交易會將於2月10日至12日(即農曆正月初三至初五)在成功國際會展中心拉開帷幕。","pic_url":"http://f.expoon.com/sub/news/2016/01/21/745921_230x162_0.jpg"},{"news_id":"13805","news_title":"2016上海燈光音響展 商機無限，一觸即發","news_summary":"2016上海國際專業燈光音響展即日起全面啟動，海內外高階演藝裝置商貿平臺，商機無限，一觸即發。6大洲，80個國家，25,","pic_url":"http://f.expoon.com/sub/news/2016/01/21/158040_230x162_0.jpg"},{"news_id":"13804","news_title":"第四屆南京國際佛事展5月舉行","news_summary":"2016年，\u201c第四屆南京國際佛事文化用品展覽會\u201d將於5月26-29日在南京國際展覽中心舉辦。","pic_url":"http://f.expoon.com/sub/news/2016/01/21/865222_230x162_0.jpg"},{"news_id":"13802","news_title":"上海國際牛仔服裝博覽會 拓展國際貿易大市場","news_summary":"2016年第三屆上海國際牛仔服裝博覽會將於4月19-21日再次璀璨再現上海世博展覽館，共同探討牛仔流行趨勢，詮釋牛仔文化","pic_url":"http://f.expoon.com/sub/news/2016/01/20/370858_230x162_0.jpg"},{"news_id":"13800","news_title":"第三屆蘭州年貨會在甘肅國際會展中心本月19日開幕","news_summary":"由中國商業聯合會、甘肅省商業聯合會、蘭州市商務局主辦，甘肅省酒類商品管理局、蘭州市城關區商務局、第十四屆西安年貨會組委會","pic_url":"http://f.expoon.com/sub/news/2016/01/20/868385_230x162_0.jpg"},{"news_id":"13799","news_title":"首屆移動拍賣藝術博覽會啟動","news_summary":"首屆移動拍賣博覽會已於2016年1月全面啟動，由大咖拍賣主辦，聯合全國藝術機構共同打造拍賣藝術博覽會主會場，近百場拍賣專","pic_url":"http://f.expoon.com/sub/news/2016/01/20/768695_230x162_0.jpg"},{"news_id":"13798","news_title":"武漢金融理財投資博覽會將在5月舉辦","news_summary":"由武漢市貿促會、上海《理財週刊》社、湖北好博塔蘇斯展覽有限公司等單位聯合發起的\u201c2016武漢金融理財投資博覽會\u201d，將在武","pic_url":"http://f.expoon.com/sub/news/2016/01/20/512947_230x162_0.jpg"},{"news_id":"13796","news_title":"第三屆中國微商博覽會 3月底濟南舉辦","news_summary":"2015年，沸點天下開創了微商行業第一個展會\u2014\u2014中國微商博覽會，並於2015年成功舉行兩屆，讓微商展會從無到有，並且起了","pic_url":"http://f.expoon.com/sub/news/2016/01/20/348021_230x162_0.jpg"},{"news_id":"13793","news_title":"2016中國西部國際絲綢博覽會","news_summary":"\u201c2016年中國西部國際絲綢博覽會\u201d最新確定於2016年5月11日至15日在南充舉行。據悉，\u201c絲博會\u201d的會徽、會標及宣傳","pic_url":"http://f.expoon.com/sub/news/2016/01/19/113912_230x162_0.jpg"},{"news_id":"13792","news_title":"中國針棉織品交易會開拓\u201c西部市場\u201d","news_summary":"由國家商務部重點支援、中國紡織品商業協會主辦的第98屆中國針棉織品交易會將於3月15日～17日綻放成都。作為中國國內針棉","pic_url":"http://f.expoon.com/sub/news/2016/01/19/650175_230x162_0.jpg"},{"news_id":"13791","news_title":"樂山市第二十屆房地產展示交易會開幕","news_summary":"美麗樂山，生態宜居。今日，樂山市第二十屆房地產展示交易會在該市中心城區樂山廣場開幕，展會將持續到1月24日。","pic_url":"http://f.expoon.com/sub/news/2016/01/19/321787_230x162_0.jpg"},{"news_id":"13790","news_title":"2016華中屋面與建築防水技術展3月即將開幕","news_summary":"由湖北省建築防水協會聯合湖南、河南、江西、安徽五省建築防水協會主辦\u201c2016第二屆華中屋面與建築防水技術展覽會\u201d將於20","pic_url":"http://f.expoon.com/sub/news/2016/01/19/376254_230x162_0.jpg"},{"news_id":"13789","news_title":"2016海南國際旅遊貿易博覽會召開新聞釋出會","news_summary":"近日，三亞旅遊官方網從海南省\u201c首屆海博會\u201d新聞釋出會上獲悉，海南省\u201c首屆海博會\u201d將於2016年3月26日至4月1日在三亞","pic_url":"http://f.expoon.com/sub/news/2016/01/19/958046_230x162_0.jpg"},{"news_id":"13788","news_title":"2016阿里巴巴·貴州年貨節展銷會開幕","news_summary":"\u201c2016阿里巴巴·貴州年貨節\u201d的展銷會及迎春廟會昨日啟動。150多家餐飲商參與的美食節、近千個品種組成的年貨展銷會等，","pic_url":"http://f.expoon.com/sub/news/2016/01/19/371688_230x162_0.jpg"},{"news_id":"13787","news_title":"第二屆中國盆栽花卉交易會\u200b 本月28日開幕","news_summary":"據廣州市政府獲悉，經中國花卉協會和廣州市政府批准，第二屆中國盆栽花卉交易會將於本月28日至31日在廣州花卉博覽園舉行。屆","pic_url":"http://f.expoon.com/sub/news/2016/01/18/687647_230x162_0.jpg"},{"news_id":"13786","news_title":"李益：視野、品質、融合是展覽工程國際化的必由路徑","news_summary":"\u201c視野、品質、融合是中國展覽工程走向國際化的必由路徑。\u201d北京逸格天驕國際展覽有限公司副總經理李益日前在第二十二屆國際(常","pic_url":"http://f.expoon.com/sub/news/2016/01/18/343556_230x162_0.jpg"},{"news_id":"13785","news_title":"第八屆中國國際整合住宅產業博覽會將於5月在廣州舉辦","news_summary":"2016年1月14日，第八屆中國(廣州)國際整合住宅產業博覽會暨2016亞太建築科技論壇\u2014\u2014新聞釋出會在廣州館隆重召開。","pic_url":"http://f.expoon.com/sub/news/2016/01/18/581830_230x162_0.jpg"},{"news_id":"13784","news_title":"絲綢之路敦煌國際文化博覽會籌備工作進展順利","news_summary":"近日，絲綢之路(敦煌)國際文化博覽會組委會第二次會議在蘭召開。會議研究討論了省直廳局一對一服務保障沿線省區市方案、文博會","pic_url":"http://f.expoon.com/sub/news/2016/01/18/656693_230x162_0.jpg"}]
     */

    private int status;
    private String info;
    private List<DataBean> data;

    public int getStatus() {
        return status;
    }

    public void setStatus(int status) {
        this.status = status;
    }

    public String getInfo() {
        return info;
    }

    public void setInfo(String info) {
        this.info = info;
    }

    public List<DataBean> getData() {
        return data;
    }

    public void setData(List<DataBean> data) {
        this.data = data;
    }

    public static class DataBean {
        /**
         * news_id : 13811
         * news_title : 深港澳臺千里連線，嘉年華會今夏入川
         * news_summary : 6月17—20日，“2016成都深港澳臺嘉年華會”(簡稱嘉年華會)將在成都世紀城國際會展中心舉辦。其主辦方勵展華博借力旗
         * pic_url : http://f.expoon.com/sub/news/2016/01/21/887844_230x162_0.jpg
         */

        private String news_id;
        private String news_title;
        private String news_summary;
        private String pic_url;

        public String getNews_id() {
            return news_id;
        }

        public void setNews_id(String news_id) {
            this.news_id = news_id;
        }

        public String getNews_title() {
            return news_title;
        }

        public void setNews_title(String news_title) {
            this.news_title = news_title;
        }

        public String getNews_summary() {
            return news_summary;
        }

        public void setNews_summary(String news_summary) {
            this.news_summary = news_summary;
        }

        public String getPic_url() {
            return pic_url;
        }

        public void setPic_url(String pic_url) {
            this.pic_url = pic_url;
        }
    }
}

 

ImageLoader框架全域性的圖片配置 以方便在展示頁面進行圖片展示
< ---- 導依賴 導依賴 導依賴 ------>

package yxx.com.xlistviewn;

import android.app.Application;

import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;

public class MApp extends Application {

    @Override
    public void onCreate() {
        super.onCreate();

        ImageLoaderConfiguration configuration = new ImageLoaderConfiguration.Builder(this).build();
        ImageLoader instance = ImageLoader.getInstance();
        instance.init(configuration);

    }
}

 

小的圖片配置

package yxx.com.xlistviewn;

import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.display.RoundedBitmapDisplayer;

public class ImageUtil {

    public static DisplayImageOptions getDisplayImageOptions(){
        DisplayImageOptions displayImageOptions = new DisplayImageOptions.Builder()
                .displayer(new RoundedBitmapDisplayer(15))
                .build();

        return displayImageOptions;
    }
}

清單檔案的配置

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="yxx.com.xlistviewn">
    <uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    <application
        android:name=".MApp"
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        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>