【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

  •   < ? 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」に設定する必要がある
  • res/layout/lvitem.xml

  • 注意:

    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>
  • 次に、ListActivityの実装を継承する
  • を見てみましょう.
    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 ) ;
        }
    }
  • 次に、lvButtonAdapterの実装
  • を見てみましょう.
    ボタンのクリックイベントに応答するには、まずボタンの位置を記録し、ボタンに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