模型層Model——使用java的集合保存數據源
private ArrayList<String> mTitleList;
private ArrayList<String> mUrlList;
private ArrayList<Integer> mImageList;//圖片的id爲int類型
視圖層ListView
private ListView mListView;
表示層Presenter
private ArrayAdapter <String> mAdapter;
private SimpleAdapter mAdapter;
android:autoLink=“web” 設置TextView爲超鏈接
各層之間的聯繫
模型層Model與適配器之間的聯繫
mAdapter=new ArrayAdapter< String>(MainActivity.this,android.R.layout.simple_expandable_list_item_1,mDataList);
mAdapter = new SimpleAdapter(this,mDataList,R.layout.item_layout,new String[]{"T","I"},new int []{R.id.text,R.id.img});
視圖層View與適配器之間的聯繫
mListView.setAdapter(mAdapter);
mAdapter=new ArrayAdapter< String>(MainActivity.this,android.R.layout.simple_expandable_list_item_1,mDataList);
mAdapter = new SimpleAdapter(this,mDataList,R.layout.item_layout,new String[]{"T","I"},new int []{R.id.text,R.id.img});
代碼如下
activity_main.xml:
<RelativeLayout 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" >
<ListView
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</ListView>
</RelativeLayout>
activity_news.xml:
<?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:orientation="vertical" >
<TextView
android:id="@+id/text_news"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:autoLink="web" />
</LinearLayout>
item_layout.xml:
<?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="100dp"
android:orientation="horizontal"
>
<ImageView
android:layout_width="wrap_content"
android:layout_height="100dp"
android:layout_weight="1"
android:id="@+id/img"
/>
<TextView
android:layout_weight="4"
android:layout_width="wrap_content"
android:layout_height="100dp"
android:id="@+id/text"
android:gravity="center"
/>
</LinearLayout>
MainActivity.java:
public class MainActivity extends Activity {
// Model:模型層,使用ArrayList<String>保存數據源
private ArrayList<String> mTitleList;
private ArrayList<String> mUrlList;
private ArrayList<Integer> mImageList;
// View:視圖層,ListView
private ListView mListView;
private ArrayList<HashMap<String,Object>> mDataList;
// Presenter:表示層,ArrayAdapter
private SimpleAdapter mAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 實例化數據源
mTitleList = new ArrayList<String>();
mTitleList.add("111");
mTitleList.add("222");
mTitleList.add("333!");
mTitleList.add("444");
mTitleList.add("555");
mTitleList.add("666");
mTitleList.add("777");
mTitleList.add("888");
mTitleList.add("999");
mTitleList.add("101010");
mTitleList.add("111111");
mTitleList.add("121212");
mTitleList.add("131313");
mTitleList.add("141414");
mTitleList.add("151515");
// 對應的新聞連接
mUrlList = new ArrayList<String>();
mUrlList.add("https://www.csdn.net/");
mUrlList.add("https://github.com/");
mUrlList.add("https://www.saikr.com/vs");
mUrlList.add("https://www.icourse163.org/");
mUrlList.add("https://www.nowcoder.com/");
mUrlList.add("https://www.runoob.com/");
mUrlList.add("https://kns.cnki.net/kns/brief/default_result.aspx");
mUrlList.add("https://www.ximalaya.com/");
mUrlList.add("https://ocw.mit.edu/index.htm");
mUrlList.add("https://www.sojson.com/");
mUrlList.add("https://www.cnblogs.com/");
mUrlList.add("https://www.buaa.edu.cn/");
mUrlList.add("https://www.baidu.com/");
mUrlList.add("https://pixabay.com/");
mUrlList.add("https://element.eleme.cn/#/zh-CN");
mImageList=new ArrayList<Integer>();
mImageList.add(R.mipmap.home);
mImageList.add(R.mipmap.trival);
mImageList.add(R.mipmap.shop);
mImageList.add(R.mipmap.son);
mImageList.add(R.mipmap.ticket);
mImageList.add(R.mipmap.ic_launcher);
mImageList.add(R.mipmap.food);
mImageList.add(R.mipmap.house);
mImageList.add(R.mipmap.trafic);
mImageList.add(R.mipmap.home);
mImageList.add(R.mipmap.trafic);
mImageList.add(R.mipmap.ticket);
mImageList.add(R.mipmap.home);
mImageList.add(R.mipmap.plane);
mImageList.add(R.mipmap.shop);
mDataList=new ArrayList<HashMap<String,Object>>();
for(int i=0;i<mTitleList.size();i++){
HashMap<String,Object> map=new HashMap<String,Object>();
map.put("T",mTitleList.get(i));
map.put("I",mImageList.get(i));
mDataList.add(map);
}
// 找控件
mListView = (ListView) findViewById(R.id.list_view);
// 實例化適配器
mAdapter = new SimpleAdapter(this,mDataList,R.layout.item_layout,new String[]{"T","I"},new int []{R.id.text,R.id.img});
// 發現視圖層View沒有跟表示層Presenter建立關係
mListView.setAdapter(mAdapter);
// 設置點擊事件監聽器
mListView.setOnItemClickListener(new OnItemClickListener() {
// 參數三:位置,即點擊的是第幾個Item
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
// 拿到點擊的新聞對應的鏈接
String url = mUrlList.get(position);
//跳轉傳值
Intent intent = new Intent(MainActivity.this,NewsActivity.class);
intent.putExtra("url", url);
startActivity(intent);
}
});
// 補充長按刪除功能(只是爲了講解數據更新後如何刷新頁面)
// 設置單個Item長按的事件監聽器
mListView.setOnItemLongClickListener(new OnItemLongClickListener() {
// 參數三:位置,即長按的是第幾個Item
@Override
public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
// 先刪數據源,再刷新視圖
mTitleList.remove(position);
mUrlList.remove(position);
// 通知視圖刷新
mAdapter.notifyDataSetChanged();
Toast.makeText(MainActivity.this, "刪除了第" + position + "條!", Toast.LENGTH_SHORT).show();
return true; // 寫成true
}
});
}
}
NewsActivity.java:
package com.example.homework3;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.TextView;
public class NewsActivity extends Activity{
private TextView mText;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//設置佈局文件
setContentView(R.layout.activity_news);
//先取出Intent,再取出Intent裏面的數據
Intent intent = getIntent();
String url = intent.getStringExtra("url");
//給文本顯示控件設置顯示的內容
mText = (TextView)findViewById(R.id.text_news);
//設置顯示文字
mText.setText(url);
}
}