如圖所示效果，列表+手勢分頁

java程式碼：

1. privatefinalstaticStringTAG=AlarmCenterActivity.class.getName();
3. privateScrollLayoutmScrollLayout;
4. privateList<SpinnerItem>agentList=newArrayList<SpinnerItem>();
5. privateSpinnersp_agent;//主機下拉框
6. privateEditTextealarm_name;//例項名稱
7. privateButtonserach_btn;//搜尋按鈕
8. privateScrollPageControlViewpageControl;
9. publicMyHandlermyHandler;
10. privateDataLoadingdataLoad;
11. List<Map>list=newArrayList<Map>();//web端獲取的資料
13. //存放下拉選中的值
14. StringtmpAgent="";//主機
15. //告警中心列表
16. finalStringALARM_URL="xxxxxx";
17. //主機下拉
18. finalStringAGENT_URL="xxxxxxxxxx";
20. //查詢條件--主機名稱
21. Strings_agent_name="";
22. //查詢條件--例項名稱
23. Strings_alarm_name=""
    ;
25. @Override
26. protectedvoidonCreate(BundlesavedInstanceState){
27. super.onCreate(savedInstanceState);
28. setContentView(R.layout.activity_alarmcenter);
29. initUI();
30. Toast.makeText(AlarmCenterActivity.this,"正在載入資料...",Toast.LENGTH_SHORT).show();
31. //起一個執行緒更新資料
32. MyThreadm=newMyThread();
33. newThread(m).start();
34. }
36. // 獲取元件初始化值
37. privatevoidinitUI(){
38. dataLoad=newDataLoading();
39. mScrollLayout=(ScrollLayout)findViewById(R.id.ScrollLayoutTest);
40. myHandler=newMyHandler(this,1);
41. sp_agent=(Spinner)findViewById(R.id.sp_agent);
42. ealarm_name=(EditText)findViewById(R.id.Ealarm_name);
44. serach_btn=(Button)findViewById(R.id.search);
46. //主機下拉資料來源
47. List<NameValuePair>params=newArrayList<NameValuePair>();
48. params.add(newBasicNameValuePair("id","agent_id"));
49. params.add(newBasicNameValuePair("name","agent_name"));
50. try{
51. StringstrAgents=HttpIface.doPost(AGENT_URL,params);
52. JSONObjectjson=newJSONObject(strAgents);
53. Iterator<String>it=json.keys();
54. SpinnerItemspinnerItem;
55. Stringkey;
56. //預設全部
57. SpinnerItemadd_spinnerItem=newSpinnerItem("","全部");
58. agentList.add(add_spinnerItem);
59. while(it.hasNext()){
60. key=it.next();
61. spinnerItem=newSpinnerItem(key,(String)json.get(key));
62. agentList.add(spinnerItem);
63. }
64. }catch(JSONExceptione){
65. Log.e(TAG,"jsonconverterror!");
66. e.printStackTrace();
67. }catch(ClientProtocolExceptione){
68. Log.e(TAG,"HttpIface.doPostClientProtocolException");
69. e.printStackTrace();
70. }catch(IOExceptione){
71. Stringmessage="";
72. if(message.indexOf("Theoperationtimedout")>-1){
73. message="呼叫服務超時！";
74. }else{
75. message="呼叫服務出現網路異常!";
76. }
77. DialogUtil.displayError(AlarmCenterActivity.this,message,newOnClickListener(){
78. @Override
79. publicvoidonClick(Viewv){
81. }
82. });
83. Log.e(TAG,"呼叫服務超時或出現網路異常:"+ExceptionHandler.getErrorMessage(e));
84. }
87. /**
88. *下拉框處理
89. */
90. //將可選內容與ArrayAdapter連線
91. ArrayAdapters_agent_adapter=newArrayAdapter(this,android.R.layout.simple_spinner_item,agentList);
92. //設定下拉列表的風格
93. s_agent_adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
94. //將s_agent_adapter新增到sp_agent中
95. sp_agent.setAdapter(s_agent_adapter);
96. //新增主機下拉框Spinner事件監聽
97. sp_agent.setOnItemSelectedListener(newSpinner.OnItemSelectedListener(){
99. @Override
100. publicvoidonItemSelected(AdapterView<?>arg0,Viewarg1,
101. intarg2,longarg3){
102. tmpAgent=agentList.get(arg2).getKey();
103. //設定顯示當前選擇的項
104. arg0.setVisibility(View.VISIBLE);
105. }
107. @Override
108. publicvoidonNothingSelected(AdapterView<?>arg0){
109. arg0.setVisibility(View.VISIBLE);
110. }
112. });
116. //查詢按鈕的事件監聽
117. serach_btn.setOnClickListener(newButton.OnClickListener(){
118. publicvoidonClick(Viewv){
119. s_alarm_name=ealarm_name.getText().toString();
120. s_agent_name=tmpAgent;
122. mScrollLayout.removeAllViews();
123. //重新載入
124. list.clear();
125. getListData();
126. inttotalPages=0;
127. if((list.size()%AlarmCenterAdapter.APP_PAGE_SIZE)==0){
128. totalPages=list.size()/AlarmCenterAdapter.APP_PAGE_SIZE;
129. }else{
130. totalPages=list.size()/AlarmCenterAdapter.APP_PAGE_SIZE+1;
131. }
132. for(inti=0;i<totalPages;i++){
133. ListViewappPage=newListView(AlarmCenterActivity.this);
134. appPage.setAdapter(newAlarmCenterAdapter(AlarmCenterActivity.this,list,i));
135. appPage.setOnItemClickListener(listener);
136. mScrollLayout.addView(appPage);
137. }
138. //載入分頁
139. pageControl=(ScrollPageControlView)findViewById(R.id.pageControl);
140. pageControl.bindScrollViewGroup(mScrollLayout);
141. //載入分頁資料
142. dataLoad.bindScrollViewGroup(mScrollLayout);
146. mScrollLayout.snapToScreen(0);
147. }
148. });
149. }
151. //更新後臺資料
152. classMyThreadimplementsRunnable{
153. publicvoidrun(){
154. Messagemsg=myHandler.obtainMessage();
155. Bundlebundle=newBundle();//存放資料
156. getListData();
157. JSONArrayja=newJSONArray(list);
158. bundle.putString("alarmList",ja.toString());
159. msg.setData(bundle);
160. AlarmCenterActivity.this.myHandler.sendMessage(msg);//向Handler傳送訊息,更新UI
161. }
162. }
164. //獲取資料
165. classMyHandlerextendsHandler{
166. privateAlarmCenterActivitymContext;
168. publicMyHandler(Contextconn,inta){
169. mContext=(AlarmCenterActivity)conn;
170. }
172. //子類必須重寫此方法,接收資料
173. @Override
174. publicvoidhandleMessage(Messagemsg){
175. super.handleMessage(msg);
176. Bundlebundle=msg.getData();
177. StringalarmList=bundle.getString("alarmList");
178. if(null!=alarmList){
179. inttotalPages=0;
180. if((list.size()%AlarmCenterAdapter.APP_PAGE_SIZE)==0){
181. totalPages=list.size()/AlarmCenterAdapter.APP_PAGE_SIZE;
182. }else{
183. totalPages=list.size()/AlarmCenterAdapter.APP_PAGE_SIZE+1;
184. }
185. for(inti=0;i<totalPages;i++){
186. ListViewappPage=newListView(mContext);
187. appPage.setAdapter(newAlarmCenterAdapter(mContext,list,i));
188. appPage.setOnItemClickListener(listener);
189. mScrollLayout.addView(appPage);
190. }
191. //載入分頁
192. pageControl=(ScrollPageControlView)findViewById(R.id.pageControl);
193. pageControl.bindScrollViewGroup(mScrollLayout);
194. //載入分頁資料
195. dataLoad.bindScrollViewGroup(mScrollLayout);
196. }
197. }
198. }
201. //從伺服器獲取資料並轉換
202. publicvoidgetListData(){
203. Map<String,String>map=null;
204. StringstrResult=HttpIface.doGet(ALARM_URL);
205. if(!"".equals(strResult)&&null!=strResult){
206. JSONTokenerjsonParser=newJSONTokener(strResult);
207. JSONObjectjsonObject;
208. try{
209. jsonObject=(JSONObject)jsonParser.nextValue();
210. Stringprgjson=jsonObject.getString("alarmCur");
211. JSONArrayjsonArray=newJSONArray(prgjson);
212. for(inti=0;i<jsonArray.length();i++){//
213. JSONObjectitem=jsonArray.getJSONObject(i);//每條記錄又由幾個Object物件組成
214. Stringkpi_instance_id=item.getString("KPI_INSTANCE_ID");//獲取物件對應的值
215. Stringagent_name=item.getString("AGENT_NAME");//主機
217. 。。。。。。
219. //查詢條件全部不為空
220. if(!s_agent_name.equals("")&&!s_alarm_name.equals("")){
221. if(agent_name.equals(s_agent_name)&&kpi_instance_name.trim().indexOf(s_alarm_name)!=-1){
222. map=newHashMap<String,String>();//存放到MAP裡面
223. map.put("kpi_instance_id",kpi_instance_id);
224. map.put("agent_name",agent_name);
226. 。。。。。。
227. list.add(map);
228. }
229. }
230. //按程式名稱查詢
231. if(s_agent_name.equals("")&&!s_alarm_name.equals("")){
232. if(kpi_instance_name.trim().indexOf(s_alarm_name)!=-1){
233. map=newHashMap<String,String>();//存放到MAP裡面
234. map.put("kpi_instance_id",kpi_instance_id);
235. map.put("agent_name",agent_name);
237. 。。。。。。
238. list.add(map);
239. }
240. }
243. //按主機名稱模糊查詢
244. if(!s_agent_name.equals("")&&s_alarm_name.equals("")){
245. if(agent_name.equals(s_agent_name)){
246. map=newHashMap<String,String>();//存放到MAP裡面
247. map.put("kpi_instance_id",kpi_instance_id);
248. map.put("agent_name",agent_name);
250. 。。。。。。
251. list.add(map);
252. }
253. }
254. //查詢全部
255. if(s_agent_name.equals("")&&s_alarm_name.equals("")){
256. map=newHashMap<String,String>();//存放到MAP裡面
257. map.put("kpi_instance_id",kpi_instance_id);
258. map.put("agent_name",agent_name);
260. 。。。。。。。
261. map.put("user_id_c",user_id_c);
262. list.add(map);
263. }
264. }
265. }catch(JSONExceptione){
266. e.printStackTrace();
267. }
268. }
269. }
273. //分頁資料
274. classDataLoading{
275. privateintcount;
277. publicvoidbindScrollViewGroup(ScrollLayoutscrollViewGroup){
278. this.count=scrollViewGroup.getChildCount();
279. scrollViewGroup.setOnScreenChangeListenerDataLoad(newOnScreenChangeListenerDataLoad(){
280. publicvoidonScreenChange(intcurrentIndex){
281. Log.i(TAG,"onScreenChange頁碼="+currentIndex);
282. generatePageControl(currentIndex);
283. }
284. });
285. }
287. privatevoidgeneratePageControl(intcurrentIndex){
288. if(count==currentIndex+1){
289. }
290. }
291. }

//列表展示給各列賦值

2. //獲取元件賦值
3. publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
4. //TODOAuto-generatedmethodstub
5. MapappInfo=mList.get(position);
6. AppItemappItem;
7. if(convertView==null){
8. Viewv=LayoutInflater.from(mContext).inflate(R.layout.item_alarmcenter,null);
10. appItem=newAppItem();
11. appItem.num=(TextView)v.findViewById(R.id.num);
12. appItem.agent_name=(TextView)v.findViewById(R.id.agent_name);
13. 。。。。。。。。
15. v.setTag(appItem);
17. convertView=v;
18. }else{
19. appItem=(AppItem)convertView.getTag();
20. }
21. //賦值
22. appItem.num.setText(position+1+"");
23. appItem.agent_name.setText(appInfo.get("agent_name")==null?"":appInfo.get("agent_name").toString());
24. appItem.coll_value.setText(appInfo.get("coll_value")==null?"":appInfo.get("coll_value").toString());
25. appItem.kpi_instance_name.setText(appInfo.get("kpi_instance_name")==null?"":appInfo.get("kpi_instance_name").toString());
26. 。。。。。。
28. returnconvertView;
29. }

查詢元件和列表表頭的XML list_alarmcenter.xml

1. <!--查詢條件-->
3. <LinearLayout
4. android:layout_width="fill_parent"
5. android:layout_height="match_parent"
6. android:orientation="horizontal">
8. <LinearLayout
9. android:layout_width="0dip"
10. android:layout_height="wrap_content"
11. android:layout_weight="9"
12. android:background="@drawable/sys_btn_query_pressed"
13. android:gravity="center_vertical|left"
14. android:orientation="horizontal">
16. <TextView
17. android:id="@+id/txtagent"
18. style="@style/label_text"
19. android:layout_width="0dip"
20. android:layout_weight="1"
21. android:text="主機："/>
23. <Spinner
24. android:id="@+id/sp_agent"
25. style="@style/edit_text"
26. android:layout_width="0dip"
27. android:layout_height="wrap_content"
28. android:layout_weight="2"
29. android:gravity="left"/>
31. </LinearLayout>
33. <Button
34. android:id="@+id/search"
35. style="@style/button"
36. android:layout_width="0dip"
37. android:layout_marginLeft="20dip"
38. android:layout_weight="1"/>
39. </LinearLayout>
41. <LinearLayout
42. android:layout_width="fill_parent"
43. android:layout_height="wrap_content"
44. android:layout_marginTop="5dip"
45. android:orientation="vertical">
47. <!--標題-->
49. <LinearLayout
50. android:layout_width="fill_parent"
51. android:layout_height="fill_parent"
52. android:background="@drawable/page_title_bg">
54. <Viewstyle="@style/vertical_layout"/>
56. <TextView
57. android:id="@+id/alarm_num"
58. android:layout_width="70dp"
59. android:layout_height="wrap_content"
60. android:gravity="center_vertical|center_horizontal"
61. android:padding="10dp"
62. android:singleLine="true"
63. android:text="序號"
64. android:textColor="#000000"
65. android:textSize="16dp"
66. android:textStyle="bold"/>
68. <Viewstyle="@style/vertical_layout"/>
70. <TextView
71. android:id="@+id/textView1"
72. android:layout_width="160dp"
73. android:layout_height="wrap_content"
74. android:gravity="center_vertical|center_horizontal"
75. android:padding="10dp"
76. android:singleLine="true"
77. android:text="主機"
78. android:textColor="#000000"
79. android:textSize="16dp"
80. android:textStyle="bold"/>
82. <Viewstyle="@style/vertical_layout"/>
83. 。。。。。。。。
84. </LinearLayout>

// 給列表賦值元件 item_alarmcenter.xml

1. <LinearLayout
2. android:id="@+id/view"
3. android:layout_width="fill_parent"
4. android:layout_height="fill_parent"
5. android:orientation="horizontal">
7. <Viewstyle="@style/vertical_layout"/>
8. <!--序號-->
10. <TextView
11. android:id="@+id/num"
12. android:layout_width="70dp"
13. android:layout_height="wrap_content"
14. android:gravity="center_vertical|center_horizontal"
15. android:padding="10dp"
16. android:singleLine="true"
17. android:textColor="#000000"
18. android:textSize="16dp"/>
20. <Viewstyle="@style/vertical_layout"/>
21. <!--主機-->
23. <TextView
24. android:id="@+id/agent_name"
25. android:layout_width="160dp"
26. android:layout_height="wrap_content"
27. android:gravity="center_vertical|center_horizontal"
28. android:padding="10dp"
29. android:singleLine="true"
30. android:textColor="#000000"
31. android:textSize="16dp"/>
33. <Viewstyle="@style/vertical_layout"/>
37. 。。。。。。。。
38. </LinearLayout>

//滑動元件ScrollLayout scroll_page_main.xml

1. <RelativeLayout
2. android:id="@+id/myView"
3. android:layout_width="fill_parent"
4. android:layout_height="fill_parent">
6. <com.sunrise.common.component.ScrollLayout
7. xmlns:android="http://schemas.android.com/apk/res/android"
8. android:id="@+id/ScrollLayoutTest"
9. android:layout_width="fill_parent"
10. android:layout_height="fill_parent"/>
12. <com.sunrise.common.component.ScrollPageControlView
13. android:id="@+id/pageControl"
14. android:layout_width="fill_parent"
15. android:layout_height="40px"
16. android:layout_alignParentBottom="true"
17. android:gravity="center"/>
18. </RelativeLayout>

以上倆個xml 檔案 分別引入到總的 xml 檔案中。

1. <includelayout="@layout/list_alarmcenter"/>
3. <includelayout="@layout/scroll_page_main"/>

列表展示詳解：

listView開始繪製的時候，首先呼叫getCount（）函式，根據他的返回值得到listView的長度，然後根據這個長度，呼叫getView（）逐一繪製每一行。如果你的getCount（）返回值是0的話，列表將不顯示同樣return 1，就只顯示一行。

getView()有三個引數，position表示將顯示的是第幾行，covertView是從佈局檔案中inflate來的佈局。我們用LayoutInflater的方法將定義好的 item_alarmcenter.xml檔案提取成View例項用來顯示。然後將xml檔案中的各個元件例項化（簡單的findViewById()方法）。這樣便可以將資料對應到各個元件上了。至此一個自定義的listView就完成了，現在讓我們回過頭從新審視這個過程。系統要繪製ListView了，他首先獲得要繪製的這個列表的長度，然後開始繪製第一行，怎麼繪製呢？呼叫getView()函式。在這個函式裡面首先獲得一個View（實際上是一個ViewGroup），然後再例項並設定各個元件，顯示之。好了，繪製完這一行了。那 再繪製下一行，直到繪完為止。

手勢滑動：

1. 該類和LinearLayout、RelativeLayout等佈局都是ViewGroup的子類。LinearLayout可以在屬性中指定view的排列方式——橫向或縱向，而我們自己寫的這個類是通過onLayout(boolean changed, int l, int t, int r, int b)方法來自行指定排列方向的。我們這裡指定的是橫向。

2. 該類中用到了一些我們不常用的類，如VelocityTracker和Scroller，大家可以參考Android開發文件研究一下。

轉載於:https://blog.51cto.com/hanyijun85/1175627