ContextMenu

Size: px

Start display at page:

Download "ContextMenu"

姿闽井
4 years ago
Views:

1 作者 : 林致宇日期 :2012/1/20 問題 : 如何建立 ContextMenu? 解答 : 什麼是 ContextMenu 呢? 下面兩張圖是 ContextMenu 的範例, 紅色框線中的選單即所謂的 ContextMenu, 可以視為選單列表, 例如在左圖的 ContextMenu 中有兩個選項 : Action 1 與 Action 2, 按下 Action 1 可執行某些動作, 例如打電話, 按下 Action 2 可執行另外的動作, 例如發簡訊這份文件將說明如何撰寫 ContextMenu 的相關程式,ContextMenu 通常是在長按 (Long Click) 某個介面元件( 例如 Button ListView 的某一個項目 ) 後所出現, 然而我們也可以設計成短按介面元件後出現 ContextMenu 本文件將示範兩個範例, 第一個範例將示範如何在按下按鈕後出現 ContextMenu, 程式碼如下所示 : 1 package lincyu.button.contextmenu; 2 3 import android.app.activity; 4 import android.os.bundle; 5 import android.view.contextmenu; 6 import android.view.menuitem;

2 7 import android.view.view; 8 import android.view.contextmenu.contextmenuinfo; 9 import android.view.view.onclicklistener; 10 import android.view.view.oncreatecontextmenulistener; 11 import android.widget.button; 12 import android.widget.toast; public class Button_ContextMenuActivity extends Activity { 15 /** Called when the activity is first created. */ 17 public void oncreate(bundle savedinstancestate) { 18 super.oncreate(savedinstancestate); 19 setcontentview(r.layout.main); Button btn = (Button)findViewById(R.id.btn); 22 btn.setoncreatecontextmenulistener(menulistener); 23 btn.setonclicklistener(new OnClickListener() { 24 public void onclick(view v) { 25 opencontextmenu(v); 26 } 27 }); 28 } OnCreateContextMenuListener menulistener = 31 new OnCreateContextMenuListener() { public void oncreatecontextmenu(contextmenu menu, 34 View v, ContextMenuInfo menuinfo) { Button click_btn = ((Button) v); menu.setheadertitle(click_btn.gettext()); 39 menu.add(0, 1, 1, "Action 1"); 40 menu.add(0, 2, 2, "Action 2"); 41 } 42 }; public boolean oncontextitemselected(menuitem aitem) {

3 45 switch (aitem.getitemid()) { 46 case 1: 47 Toast.makeText(this, "Action 1 Click", 48 Toast.LENGTH_SHORT).show(); 49 break; 50 case 2: 51 Toast.makeText(this, "Action 2 Click", 52 Toast.LENGTH_SHORT).show(); 53 break; 54 } 55 return true; 56 } 57 } 首先我們需撰寫一個傾聽者, 此傾聽者位於 30~42 行處, 比較需要說明的應該只有 oncreatecontextmenu 這個方法, 這個方法會傳入 3 個參數, 第 1 個參數是一個 ContextMenu 物件,ContextMenu 實作了 Menu 介面, 因此我們可以利用 add 方法替選單加上選項, 如程式第 39 及 40 行所示, 其中 add 方法的第 2 個參數, 代表 Menu 的 ID, 之後會用此 ID 來判斷到底是哪一個選項被按下 oncreatecontextmenu 這個方法的第 2 個參數是一個 View 物件, 這個 View 物件就是叫出此 ContextMenu 的介面元件, 也就是說程式在第 36 行 click_btn 即為第 21 行的 btn, 我們可以在第 38 行得到驗證, 程式第 38 行會將選單的標題設為按鈕的文字 oncreatecontextmenu 這個方法的第 3 個參數是一個 ContextMenuInfo 物件, 此物件會攜帶關於 ContextMenu 的額外資訊, 這些資訊跟第 2 個參數的 v 有密切的相關, 例如若 v 為一個 ListView, 我們可以用 menuinfo 來判斷是這個 ListView 的哪一個 Item 被按下後才出現此 ContextMenu 我們會在本文件的下一個範例中做更詳細的說明傾聽者設計好後, 由於我們是希望按下按鈕後出現此 ContextMenu, 因此程式在第 22 行的地方, 呼叫 View 類別的 setoncreatecontextmenulistener 方法, 並將剛剛設計好的傾聽者當做參數丟進去即可當上述的程式完成後, 我們已經可以做測試了, 長按按鈕後, 確實可出現我們所設計的 ContextMenu, 然而還有兩個問題需要處理 :(1) 若我們希望短按 (Click) 按鈕即可出現 ContextMenu, 該如何實作?(2) ContextMenu 的選項按下後的動作

4 如何實作? 筆者首先說明第一個問題, 我們已經知道可呼叫 View 類別的 setonclicklistener 來處理短按 (Click) 的動作, 我們只要呼叫 Activity 類別的 opencontextmenu 方法, 即可叫出 ContextMenu 從 opencontextmenu 方法屬於 Activity 類別這點, 我們可以瞭解,ContextMenu 是跟著 Activity 而不是 View, 因此名為 ContextMenu (Activity 繼承了 Context 類別 ) 第二個問題是 ContextMenu 的選項按下後的動作該如何實作, 我們只需覆寫 Activity 類別的 oncontextitemselected 方法即可, 我們可利用傳數的 MenuItem 參數, 呼叫其 getitemid() 方法, 就可以判斷是哪一個選項被按下接下來來討論第二個範例, 此範例將示範如何按下 ListView 的某個 Item 後出現 ContextMenu, 程式碼如下所示 : 1 package lincyu.list.contextmenu; 2 3 import java.util.arraylist; 4 5 import android.app.activity; 6 import android.os.bundle; 7 import android.view.contextmenu; 8 import android.view.contextmenu.contextmenuinfo; 9 import android.view.view; 10 import android.view.view.oncreatecontextmenulistener; 11 import android.widget.adapterview; 12 import android.widget.adapterview.adaptercontextmenuinfo; 13 import android.widget.adapterview.onitemclicklistener; 14 import android.widget.arrayadapter; 15 import android.widget.listview; 16 import android.widget.textview; 17 import android.widget.toast; public class List_ContextMenuActivity extends Activity { 20 /** Called when the activity is first created. */ ListView lv; public void oncreate(bundle savedinstancestate) {

5 25 super.oncreate(savedinstancestate); 26 setcontentview(r.layout.main); lv = (ListView)findViewById(R.id.lv); ArrayList<String> listtext = new ArrayList<String>(); 31 listtext.add("list Item 1"); 32 listtext.add("list Item 2"); ArrayAdapter<String> adapter = 35 new ArrayAdapter<String>(this, 36 android.r.layout.simple_list_item_1, 37 listtext); 38 lv.setadapter(adapter); 39 lv.setonitemclicklistener(new OnItemClickListener() { 40 public void onitemclick(adapterview<?> av, View v, 41 int position, long id) { TextView tv = (TextView)v; 44 Toast.makeText(List_ContextMenuActivity.this, 45 tv.gettext(), 46 Toast.LENGTH_SHORT).show(); 47 } 48 }); 49 lv.setoncreatecontextmenulistener(menulistener); 50 } OnCreateContextMenuListener menulistener = 53 new OnCreateContextMenuListener() { 54 public void oncreatecontextmenu( 55 ContextMenu menu, View v, 56 ContextMenuInfo menuinfo) { int position = 59 ((AdapterContextMenuInfo) 60 menuinfo).position; ListView llv = ((ListView)v);

6 63 64 menu.setheadertitle((string)llv. 65 getadapter().getitem(position)); 66 menu.add(0, 1, 1, "Action 1"); 67 menu.add(0, 2, 2, "Action 2"); 68 } 69 }; 70 } 在第 39~48 的地方, 程式呼叫 AdapterView 類別的 setonitemclicklistener 方法來設定短按 (Click) 的動作第 49 行, 則跟之前的範例一下, 呼叫 setoncreatecontextmenulistener 來設定長按 (Long Clikc) 後出現 ContextMneu 接著我們把重心放到 52~69 行的傾聽者設計, 程式第 62 行的 llv 即為第 28 行的 lv, 這在先前的範例中已介紹過, 此處要提及的是 58~60 行, 先前有提到 oncreatecontextmenu 方法會傳數 3 個參數, 其中第 3 個參數 menuinfo 會跟第 2 個參數的 v 相關, 在這個範例中 v 是一個 ListView, 我們可能會需要知道這個 ContextMenu 是由 ListView 的哪一個 Item 長按後開啟的, 取得 Item 的方法就寫在 58~60 行, 首先我們先將 menuinfo 強制轉型成 AdapterContextMenuInfo, 並取得 AdapterContextMenuInfo 的成員變數 position,position 即代表 ListView 的 Item 的位置

主程式 : public class Main3Activity extends AppCompatActivity { ListView listview; // 先整理資料來源,listitem.xml 需要傳入三種資料 : 圖片狗狗名字狗狗生日 // 狗狗圖片 int[] pic =new

ListView 自訂排版主程式 : public class Main3Activity extends AppCompatActivity { ListView listview; // 先整理資料來源,listitem.xml 需要傳入三種資料 : 圖片狗狗名字狗狗生日 // 狗狗圖片 int[] pic =new int[]{r.drawable.dog1, R.drawable.dog2,