Android UI控件之ListView實現圓角效果

              今天在Android羣裏面有人再求圓角ListView的實現方式,正好本身之前實現過。所以就共享了java

       如今將其實現方式寫在博客中共他人學習。給出實現方式以前順帶加點本身的想法,感受上androidandroid

       中方形的ListView仍是太「硬性」,沒有圓角的有親和力。連Apple也爲了「圓角」這個設計去申請專利app

       看來圓角確實比較適合如今人們的喜愛吧。
ide

              照老規矩先上兩張效果圖吧:學習

       第一張:動畫

      第二張:this

          該方式主要就是須要從新去實現本身的ListView代碼以下:.net

package com.kiritor.corner_listview;   import android.content.Context; import android.util.AttributeSet; import android.view.MotionEvent; import android.widget.AdapterView; import android.widget.ListView;  /***  * 自定義listview  *   * @author Kiritor  *   */ public class MyListView extends ListView { 	public MyListView(Context context) { 		super(context); 	}  	public MyListView(Context context, AttributeSet attrs) { 		super(context, attrs); 	}  	/**** 	 * 攔截觸摸事件 	 */ 	@Override 	public boolean onTouchEvent(MotionEvent ev) { 		switch (ev.getAction()) { 		case MotionEvent.ACTION_DOWN: 			int x = (int) ev.getX(); 			int y = (int) ev.getY(); 			int itemnum = pointToPosition(x, y); 			if (itemnum == AdapterView.INVALID_POSITION) 				break; 			else { 				if (itemnum == 0) { 					if (itemnum == (getAdapter().getCount() - 1)) { 						// 只有一項數據,設置背景設置爲圓角的 						setSelector(R.drawable.list_round); 					} else { 						// 第一項,設置爲上面爲圓角的 						setSelector(R.drawable.list_top_round); 					} 				} else if (itemnum == (getAdapter().getCount() - 1)) 					// 最後一項,設置爲下面爲圓角的 					setSelector(R.drawable.list_bottom_round); 				else { 					// 中間項,不用設置爲圓角 					setSelector(R.drawable.list_center_round); 				} 			} 			break; 		case MotionEvent.ACTION_UP: 			break; 		} 		return super.onTouchEvent(ev); 	} }
          MainActivity

package com.kiritor.corner_listview;  import java.util.ArrayList; import java.util.HashMap; import java.util.Map;    import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android.view.Window; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.ArrayAdapter; import android.widget.ListAdapter; import android.widget.ListView; import android.widget.SimpleAdapter; import android.widget.Toast;  public class MainActivity extends Activity implements OnItemClickListener { 	private MyListView listView_1, listView_2, listView_3; 	private ArrayList<Map<String, String>> listData, listData2, listData3; 	private SimpleAdapter adapter;  	@Override 	public void onCreate(Bundle savedInstanceState) { 		super.onCreate(savedInstanceState); 		requestWindowFeature(Window.FEATURE_NO_TITLE); 		setContentView(R.layout.main); 		listView_1 = (MyListView) findViewById(R.id.mylistview_1); 		listView_2 = (MyListView) findViewById(R.id.mylistview_2); 		listView_3 = (MyListView) findViewById(R.id.mylistview_3);  		listView_1.setAdapter(getSimpleAdapter_1()); 		listView_2.setAdapter(getSimpleAdapter_2()); 		listView_3.setAdapter(getSimpleAdapter_3());  		listView_1.setOnItemClickListener(this); 		listView_2.setOnItemClickListener(this); 		listView_3.setOnItemClickListener(this);  		setListViewHeightBasedOnChildren(listView_1); 		setListViewHeightBasedOnChildren(listView_2); 		setListViewHeightBasedOnChildren(listView_3); 	}  	/** 	 * 設置第一列數據 	 */ 	private SimpleAdapter getSimpleAdapter_1() { 		listData = new ArrayList<Map<String, String>>();  		Map<String, String> map = new HashMap<String, String>(); 		map.put("text", "天氣動畫"); 		listData.add(map);  		map = new HashMap<String, String>(); 		map.put("text", "通知欄天氣"); 		listData.add(map);  		return new SimpleAdapter(MainActivity.this, listData, 				R.layout.list_item, new String[] { "text" }, 				new int[] { R.id.tv_list_item });  	}  	/** 	 * 設置第二列數據 	 */ 	private SimpleAdapter getSimpleAdapter_2() { 		listData2 = new ArrayList<Map<String, String>>();  		Map<String, String> map = new HashMap<String, String>(); 		map.put("text", "桌面插件"); 		listData2.add(map);  		map = new HashMap<String, String>(); 		map.put("text", "綁定微博"); 		listData2.add(map);  		map = new HashMap<String, String>(); 		map.put("text", "天氣分享"); 		listData2.add(map);  		map = new HashMap<String, String>(); 		map.put("text", "通知與提示"); 		listData2.add(map);  		map = new HashMap<String, String>(); 		map.put("text", "定時播報"); 		listData2.add(map);  		return new SimpleAdapter(MainActivity.this, listData2, 				R.layout.list_item, new String[] { "text" }, 				new int[] { R.id.tv_list_item });  	}  	/** 	 * 設置第三列數據 	 */ 	private SimpleAdapter getSimpleAdapter_3() { 		listData3 = new ArrayList<Map<String, String>>();  		Map<String, String> map = new HashMap<String, String>(); 		map.put("text", "檢查新版本"); 		listData3.add(map);  		map = new HashMap<String, String>(); 		map.put("text", "發送建議"); 		listData3.add(map);  		map = new HashMap<String, String>(); 		map.put("text", "幫助"); 		listData3.add(map);  		map = new HashMap<String, String>(); 		map.put("text", "關於"); 		listData3.add(map);  		return new SimpleAdapter(MainActivity.this, listData3, 				R.layout.list_item, new String[] { "text" }, 				new int[] { R.id.tv_list_item });  	}  	/*** 	 * 動態設置listview的高度 	 *  	 * @param listView 	 */ 	public void setListViewHeightBasedOnChildren(ListView listView) { 		ListAdapter listAdapter = listView.getAdapter(); 		if (listAdapter == null) { 			return; 		} 		int totalHeight = 0; 		for (int i = 0; i < listAdapter.getCount(); i++) { 			View listItem = listAdapter.getView(i, null, listView); 			listItem.measure(0, 0); 			totalHeight += listItem.getMeasuredHeight(); 		} 		ViewGroup.LayoutParams params = listView.getLayoutParams(); 		params.height = totalHeight 				+ (listView.getDividerHeight() * (listAdapter.getCount() - 1)); 		// params.height += 5;// if without this statement,the listview will be 		// a 		// little short 		// listView.getDividerHeight()獲取子項間分隔符佔用的高度 		// params.height最後獲得整個ListView完整顯示須要的高度 		listView.setLayoutParams(params); 	}  	@Override 	public void onItemClick(AdapterView<?> parent, View view, int position, 			long id) { 		 		if (parent == listView_1) { 			Map<String, String> map = listData.get(position); 			Toast.makeText(MainActivity.this, map.get("text"), 1).show(); 		} else if (parent == listView_2) { 			Map<String, String> map = listData2.get(position); 			Toast.makeText(MainActivity.this, map.get("text"), 1).show(); 		} else if (parent == listView_3) { 			Map<String, String> map = listData3.get(position); 			Toast.makeText(MainActivity.this, map.get("text"), 1).show(); 		}  	}  } 
               差很少也就是這樣了,還有相關資源文件

                       

                這裏就不一一給出了插件

                完整源碼部分:設計

                       http://download.csdn.net/detail/kiritor/5176655

相關文章
相關標籤/搜索