【Android】ListViewとButtonの共存問題解決.
38128 ワード
この2,3日ListView widgetを叩いて、ListViewにButtonのような「クリック」事件のあるwidgetを入れるために、多くの達人に教えてもらいました.LandMarkの私に対する真剣な説明に感謝します.以下、解決過程を説明します.
ListViewと他のクリックイベントをトリガーできるwidgetが一緒に機能しないのは、他のwidgetに参加するとListViewのitemclickイベントがトリガーされず、他のwidgetのclickイベントによってブロックされるためです.
まず、説明するが、ListViewの各行は、 の3つを含む.
一つのImageView、一つのTextView、一つのImageButton、順番に並べます.
以下はlayoutの内容で、2つの部分に分かれています. res/layout/main.xml
ListActivityが継承されているため、ListViewのidを「@id/android:list」に設定する必要がある res/layout/lvitem.xml
注意:
で
android:descendantFocusability= "blocksDescendants"
およびの
android:focusable = "false"
この2つの設定は重要で、設定しないとListViewのItemClickイベントがトリガーされず、ImageButtonのclickイベントによってブロックされます.次に、ListActivityの実装を継承する を見てみましょう.
lvWithButtonExtでは、ImageButtonのclickイベントを処理するためにBaseAdapterクラスを継承し、getView()インタフェースを再実装し、Buttonのclicklistenerを追加しました.詳細はlvButtonAdapterクラスの実装を参照してください.次に、lvButtonAdapterの実装 を見てみましょう.
ボタンのクリックイベントに応答するには、まずボタンの位置を記録し、ボタンにclicklistenerを設定します.
再実装されたgetView()インタフェースでは、lvButtonListenerリスニングクラスを使用して、コンストラクション関数に行番号を記録し、OnClickインタフェースでボタンの位置を正確に特定し、対応する行を処理します.
////////////////////////////////////////
備考1;Androidの開発にとって、いくつかのインタフェースを処理するにはAdapterアダプタと付き合う必要があります.AndroidはArrayAdapterのようなものを持っていますが、多くの場合、私たちのニーズを満たすことができません.そのため、BaseAdapterから派生したクラスが私たちの特別なニーズを満たす必要があります.
まず、getView()を書き換え、LayoutInflaterのinflateメソッドを使用して、独自に定義されたLayoutレイアウトxmlロードをマッピングしたり、xxxViewから作成したりすることができます.これらは熟練しているかもしれませんが、多くのAndroid開発者はBaseAdapterのnotifyDataSetChanged()メソッドについてよく理解していません.notifyDataSetChangedメソッドは、アダプタのコンテンツが変更された場合にgetViewを強制的に呼び出す必要がある場合、外部の方法で各Itemのコンテンツをリフレッシュするように制御しています.
http://blogimg.chinaunix.net/blog/upfile2/101203142001.jpg
ListViewと他のクリックイベントをトリガーできるwidgetが一緒に機能しないのは、他のwidgetに参加するとListViewのitemclickイベントがトリガーされず、他のwidgetのclickイベントによってブロックされるためです.
一つのImageView、一つのTextView、一つのImageButton、順番に並べます.
以下はlayoutの内容で、2つの部分に分かれています.
< ? xml version = "1.0" encoding = "utf-8" ? >
< LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android"
android:layout_width= "fill_parent" android:layout_height= "fill_parent"
android:padding= "10dip" android:orientation= "vertical" >
< ListView android:id= "@id/android:list" android:layout_width= "fill_parent"
android:layout_height= "fill_parent" / >
< / LinearLayout>
ListActivityが継承されているため、ListViewのidを「@id/android:list」に設定する必要がある
注意:
android:descendantFocusability= "blocksDescendants"
および
android:focusable = "false"
この2つの設定は重要で、設定しないとListViewのItemClickイベントがトリガーされず、ImageButtonのclickイベントによってブロックされます.
< ? xml version = "1.0" encoding = "utf-8" ? >
< RelativeLayout
xmlns:android= "http://schemas.android.com/apk/res/android"
android:layout_width= "fill_parent"
android:layout_height= "wrap_content"
android:padding= "5dip"
android:descendantFocusability= "blocksDescendants" >
< ImageView
android:id= "@+id/ItemImage"
android:layout_width= "wrap_content"
android:layout_height= "wrap_content"
android:padding= "5dip"
/ >
< !--
: android:background= "#00000000"
: android:background= "#e0000000"
-->
< ImageButton
android:id= "@+id/ItemCloseWin"
android:layout_alignParentRight= "true"
android:layout_alignTop= "@+id/ItemWinName"
android:layout_alignBottom= "@+id/ItemWinName"
android:layout_width= "wrap_content"
android:layout_height= "wrap_content"
android:background= "#e0000000"
android:gravity= "left|center_vertical"
android:focusable= "false"
android:src= "@android:drawable/ic_menu_close_clear_cancel"
/ >
< TextView
android:id= "@+id/ItemWinName"
android:layout_toRightOf= "@+id/ItemImage"
android:layout_toLeftOf= "@+id/ItemCloseWin"
android:layout_alignTop= "@+id/ItemImage"
android:layout_alignBottom= "@+id/ItemImage"
android:layout_width= "wrap_content"
android:layout_height= "wrap_content"
android:gravity= "left|center_vertical"
android:textSize= "20dip"
android:text= "title"
/ >
< / RelativeLayout>
lvWithButtonExtでは、ImageButtonのclickイベントを処理するためにBaseAdapterクラスを継承し、getView()インタフェースを再実装し、Buttonのclicklistenerを追加しました.詳細はlvButtonAdapterクラスの実装を参照してください.
public class lvWithButtonExt extends ListActivity {
@Override
protected void onCreate( Bundle savedInstanceState) {
super . onCreate( savedInstanceState) ;
setContentView( R. layout . main) ;
// Layout ListView
ListView vncListView = ( ListView ) findViewById( android. R. id . list ) ;
// ,
ArrayList < HashMap < String , Object > > remoteWindowItem = new ArrayList < HashMap < String , Object > > ( ) ;
for ( int i= 0; i< 10; i+ + )
{
HashMap < String , Object > map = new HashMap < String , Object > ( ) ;
map . put ( "ItemImage" , R. drawable. firefox) ; // ID
map . put ( "ItemWinName" , "Window ID " + i) ;
map . put ( "ItemCloseWin" , android. R. drawable. ic_menu_close_clear_cancel) ;
remoteWindowItem. add ( map ) ;
}
// Item
lvButtonAdapter listItemAdapter = new lvButtonAdapter(
this ,
remoteWindowItem, //
R. layout . lvitem, //ListItem XML
// ImageItem
new String [ ] { "ItemImage" , "ItemWinName" , "ItemCloseWin" } ,
//ImageItem XML ImageView, TextView ID
new int [ ] { R. id . ItemImage, R. id . ItemWinName, R. id . ItemCloseWin}
) ;
vncListView. setAdapter( listItemAdapter) ;
}
@Override
protected void onListItemClick( ListView l, View v, int position , long id ) {
// TODO Auto-generated method stub
super . onListItemClick( l, v, position , id ) ;
l. getItemAtPosition( position ) ;
}
}
ボタンのクリックイベントに応答するには、まずボタンの位置を記録し、ボタンにclicklistenerを設定します.
再実装されたgetView()インタフェースでは、lvButtonListenerリスニングクラスを使用して、コンストラクション関数に行番号を記録し、OnClickインタフェースでボタンの位置を正確に特定し、対応する行を処理します.
public class lvButtonAdapter extends BaseAdapter {
private class buttonViewHolder {
ImageView appIcon;
TextView appName;
ImageButton buttonClose;
}
private ArrayList < HashMap < String , Object > > mAppList;
private LayoutInflater mInflater;
private Context mContext;
private String [ ] keyString;
private int [ ] valueViewID;
private buttonViewHolder holder;
public lvButtonAdapter( Context c, ArrayList < HashMap < String , Object > > appList, int resource,
String [ ] from , int [ ] to) {
mAppList = appList;
mContext = c;
mInflater = ( LayoutInflater) mContext. getSystemService( Context . LAYOUT_INFLATER_SERVICE) ;
keyString = new String [ from . length ] ;
valueViewID = new int [ to. length ] ;
System . arraycopy ( from , 0, keyString, 0, from . length ) ;
System . arraycopy ( to, 0, valueViewID, 0, to. length ) ;
}
@Override
public int getCount ( ) {
return mAppList. size ( ) ;
}
@Override
public Object getItem ( int position ) {
return mAppList. get ( position ) ;
}
@Override
public long getItemId( int position ) {
return position ;
}
public void removeItem ( int position ) {
mAppList. remove ( position ) ;
this . notifyDataSetChanged( ) ;
}
@Override
public View getView ( int position , View convertView, ViewGroup parent ) {
if ( convertView ! = null ) {
holder = ( buttonViewHolder) convertView. getTag ( ) ;
} else {
convertView = mInflater. inflate ( R. layout . lvitem, null ) ;
holder = new buttonViewHolder( ) ;
holder. appIcon = ( ImageView ) convertView. findViewById( valueViewID[ 0] ) ;
holder. appName = ( TextView) convertView. findViewById( valueViewID[ 1] ) ;
holder. buttonClose = ( ImageButton) convertView. findViewById( valueViewID[ 2] ) ;
convertView. setTag( holder) ;
}
HashMap < String , Object > appInfo = mAppList. get ( position ) ;
if ( appInfo ! = null ) {
String aname = ( String ) appInfo. get ( keyString[ 1] ) ;
int mid = ( Integer ) appInfo. get ( keyString[ 0] ) ;
int bid = ( Integer ) appInfo. get ( keyString[ 2] ) ;
holder. appName. setText ( aname) ;
holder. appIcon. setImageDrawable( holder. appIcon. getResources ( ) . getDrawable( mid) ) ;
holder. buttonClose. setImageDrawable( holder. buttonClose. getResources ( ) . getDrawable( bid) ) ;
holder. buttonClose. setOnClickListener( new lvButtonListener( position ) ) ;
}
return convertView;
}
class lvButtonListener implements OnClickListener {
private int position ;
lvButtonListener( int pos) {
position = pos;
}
@Override
public void onClick( View v) {
int vid= v. getId ( ) ;
if ( vid = = holder. buttonClose. getId ( ) )
removeItem ( position ) ;
}
}
}
////////////////////////////////////////
備考1;Androidの開発にとって、いくつかのインタフェースを処理するにはAdapterアダプタと付き合う必要があります.AndroidはArrayAdapterのようなものを持っていますが、多くの場合、私たちのニーズを満たすことができません.そのため、BaseAdapterから派生したクラスが私たちの特別なニーズを満たす必要があります.
まず、getView()を書き換え、LayoutInflaterのinflateメソッドを使用して、独自に定義されたLayoutレイアウトxmlロードをマッピングしたり、xxxViewから作成したりすることができます.これらは熟練しているかもしれませんが、多くのAndroid開発者はBaseAdapterのnotifyDataSetChanged()メソッドについてよく理解していません.notifyDataSetChangedメソッドは、アダプタのコンテンツが変更された場合にgetViewを強制的に呼び出す必要がある場合、外部の方法で各Itemのコンテンツをリフレッシュするように制御しています.
http://blogimg.chinaunix.net/blog/upfile2/101203142001.jpg