日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網營銷解決方案
Android用戶界面設計之創(chuàng)建列表視圖程序

列表視圖（ListView）是Android平臺下用于顯示不定數(shù)量的數(shù)據(jù)最有用的視圖控件之一。在這個教程中，我們將向你展示如何使用ListView來瀏覽文章列表。

在之前的文章中，你看到了許多關于不同布局控件的教程。應用程序本身非常簡單：它將顯示文章標題列表，當點擊標題時，顯示文章內容。這篇文章的節(jié)奏將比我們的入門教程更快一些。如果你對基本的Android控件或概念不熟悉你可能需要復習這個網站上我們其它的一些教程，甚至是Android API參考。最終的開源代碼可以在Google code上下載到。

步驟0: 創(chuàng)建項目

在Eclipse中創(chuàng)建一個新的Android項目。我們將項目命名為MT-List，起始活動命名為TutListActivity。這個Activity必須繼承ListActivity類，它是一個特殊的Activity類，用于幫助管理ListView控件。我們使用的是Android2.3.3的API。

步驟1: 設計列表界面

實際上，這一步要做的很少。一個由重復項組成的ListView控件，每一項都有相同的布局（一項一個模板）。我們想要顯示一個文章標題列表。每個標題都是ListView中的一項。因此，每個列表項的模板只需要一個TextView控件。在你的項目中添加一個叫做list_item.xml布局資源文件，它描述了列表中的每一項的模板布局。在這個例子中，它看起來可能像這樣：

 
 
 
 
    
  
  
  
  
  1.    
    2. 
  
  
  
  
  2.   
  
  
  
  
  3.   android:layout_width="fill_parent"   
    4. 
  
  
  
  
  4.   android:layout_height="wrap_content"   
    5. 
  
  
  
  
  5.   android:textSize="24dp"   
    6. 
  
  
  
  
  6.   android:padding="6dp"   
    7. 
  
  
  
  
  7. /> 
    8.

字號加上填充屬性值要確保在平均大小的屏幕下列表每一項對于平均手指的大小來說是足夠大的觸摸目標。

步驟2: 為ListView填充數(shù)據(jù)

ListView控件設計用于從數(shù)據(jù)源加載數(shù)據(jù)?？梢允褂眠m配器從數(shù)據(jù)庫，數(shù)組或其它數(shù)據(jù)源讀取數(shù)據(jù)。在這個程序中我們使用數(shù)組作為數(shù)據(jù)源。今后，你可以將數(shù)組替換為某些實時數(shù)據(jù)源。在你的項目中創(chuàng)建兩個字符串數(shù)組（你可以將他們添加到strings.xml或者一個分離的arrays.xml文件，隨你愿意）。將一個數(shù)組取名為“tut_titles”，另一個名為“tut_links”。用網站上的有效的標題和URL填充這兩個數(shù)組。下面是我們的數(shù)組：

 
 
 
 
    
  
  
  
  
  1.  
    2. 
  
  
  
  
  2.   
    3. 
  
  
  
  
  3. Design & Build a 1980s iOS Phone App: Design Comp Slicing  
    4. 
  
  
  
  
  4.    
    5. 
  
  
  
  
  5.  
    6. 
  
  
  
  
  6. Best of Tuts+ in February 2011  
    7. 
  
  
  
  
  7.    
    8. 
  
  
  
  
  8. Create a Brick Breaker Game with the Corona SDK: Game Controls  
    9. 
  
  
  
  
  9.    
    10. 
  
  
  
  
  10. Exporting Graphics for Mobile Apps: PNG or JPEG?  
    11. 
  
  
  
  
  11.    
    12. 
  
  
  
  
  12.  
    13. 
  
  
  
  
  13. Android Tablet Design  
    14. 
  
  
  
  
  14.    
    15. 
  
  
  
  
  15. Build a Titanium Mobile Pizza Ordering App: Order Form Setup  
    16. 
  
  
  
  
  16.    
    17. 
  
  
  
  
  17. Create a Brick Breaker Game with the Corona SDK: Application Setup  
    18. 
  
  
  
  
  18.    
    19. 
  
  
  
  
  19. Android Tablet Virtual Device Configurations  
    20. 
  
  
  
  
  20.  
    21. 
  
  
  
  
  21.   
    22. 
  
  
  
  
  22. Build a Titanium Mobile Pizza Ordering App: Topping Selection  
    23. 
  
  
  
  
  23.    
    24. 
  
  
  
  
  24. Design & Build a 1980s iOS Phone App: Interface Builder Setup  
    25. 
  
  
  
  
  25.    
    26. 
  
  
  
  
  26.  
    27. 
  
  
  
  
  27.     
    28. 
  
  
  
  
  28. http://mobile.tutsplus.com/tutorials/mobile-design-tutorials/80s-phone-app-slicing/  
    29. 
  
  
  
  
  29.    
    30. 
  
  
  
  
  30. http://mobile.tutsplus.com/articles/news/best-of-tuts-in-february-2011/  
    31. 
  
  
  
  
  31.    
    32. 
  
  
  
  
  32. http://mobile.tutsplus.com/tutorials/corona/create-a-brick-breaker-game-with-the-corona-sdk-game-controls/  
    33. 
  
  
  
  
  33.    
    34. 
  
  
  
  
  34. http://mobile.tutsplus.com/tutorials/mobile-design-tutorials/mobile-design_png-or-jpg/  
    35. 
  
  
  
  
  35.    
    36. 
  
  
  
  
  36. http://mobile.tutsplus.com/tutorials/android/android-tablet-design/  
    37. 
  
  
  
  
  37.  
    38. 
  
  
  
  
  38.  http://mobile.tutsplus.com/tutorials/appcelerator/build-a-titanium-mobile-pizza-ordering-app-order-form-setup/  
    39. 
  
  
  
  
  39.    
    40. 
  
  
  
  
  40. http://mobile.tutsplus.com/tutorials/corona/corona-sdk_brick-breaker/  
    41. 
  
  
  
  
  41.  
    42. 
  
  
  
  
  42.  http://mobile.tutsplus.com/tutorials/android/android-sdk_tablet_virtual-device-configuration/  
    43. 
  
  
  
  
  43.  
    44. 
  
  
  
  
  44.  http://mobile.tutsplus.com/tutorials/appcelerator/pizza-ordering-app-part-2/  
    45. 
  
  
  
  
  45.    
    46. 
  
  
  
  
  46. http://mobile.tutsplus.com/tutorials/iphone/1980s-phone-app_interface-builder-setup/  
    47. 
  
  
  
  
  47.    
    48. 
  
  
  
  
  48.  
    49.

當然這個數(shù)據(jù)是靜態(tài)的。在一些情況下，使用靜態(tài)數(shù)據(jù)對于一個ListView來說也是有意義的。對于這些情況，使用一個字符串數(shù)組資源非常簡單和方便。需要確保標題和鏈接的排序是一致的，這樣兩個數(shù)組才能匹配。

#p#

步驟3: 將數(shù)組適配到ListView

現(xiàn)在程序已經有數(shù)據(jù)了，現(xiàn)在來顯示它們?；氐絋utListActivity.java，修改onCreate()方法，使用setListAdapter()方法來加載數(shù)據(jù)。和常規(guī)的活動不一樣，對于整個活動就僅僅只是一個ListView的情況，ListActivity不需要使用setContentView()。完成后，你的整個ListActivity將看起來像這樣：

 
 
 
 
    
  
  
  
  
  1. public class TutListActivity extends ListActivity {   
    2. 
  
  
  
  
  2. @Override  
    3. 
  
  
  
  
  3.  public void onCreate(Bundle savedInstanceState) {   
    4. 
  
  
  
  
  4. super.onCreate(savedInstanceState);   
    5. 
  
  
  
  
  5. setListAdapter(ArrayAdapter.createFromResource(getApplicationContext(), R.array.tut_titles, R.layout.list_item));   
    6. 
  
  
  
  
  6. }  
    7. 
  
  
  
  
  7. } 
    8.

這時候，你已經可以運行這個程序了。你將看到一個具有所有本教程中所有標題的ListView。上劃和下劃都正常。但是，點擊標題還沒有任何反應。

步驟4：處理ListView條目點擊

處理ListView中條目的點擊與其它視圖對象的處理方式相似：使用偵聽器（listener）。在這里，我們關注OnTimeClickListener。你可能注意到我們還沒有直接處理過ListView對象。現(xiàn)在是時候了。在ListActivity中，簡單地調用getListView()方法來遍歷ListView，然后調用setOnItemClickListener()方法并且一次性實現(xiàn)它們：

 
 
 
 
    
  
  
  
  
  1. getListView().setOnItemClickListener(new OnItemClickListener() {  
    2. 
  
  
  
  
  2.    @Override   
    3. 
  
  
  
  
  3.     public void onItemClick(AdapterView parent, View view,  
    4. 
  
  
  
  
  4.      int position, long id) {   
    5. 
  
  
  
  
  5.       // TBD  
    6. 
  
  
  
  
  6.      }   
    7. 
  
  
  
  
  7.    }  
    8. 
  
  
  
  
  8. ); 
    9.

onItemClick()方法會在用戶每次點擊列表視圖中的每一項時被調用。為了方便，它可以傳入幾個有用的參數(shù)，其中一個我們需要它來啟動查看器活動（viewer activity）。等等，什么是查看器活動？

#p#

步驟5：創(chuàng)建查看器活動

非常好的問題。讓我們現(xiàn)在就來創(chuàng)建一個查看器活動！這個活動將用于向用戶顯示教程內容。通過繼承Activity創(chuàng)建一個新的類，并把它命名為TutViewerActivity.java。為它創(chuàng)建一個布局資源文件，文件只包括一項：一個WebView控件。布局文件應該看起來如下：

在TutViewerActivity類的onCreate()方法中，調用setContentView()方法并

 
 
 
 
    
  
  
  
  
  1.    
    2. 
  
  
  
  
  2.  
  
  
  
  
  3.    android:layout_width="match_parent"   
    4. 
  
  
  
  
  4.    android:layout_height="match_parent"   
    5. 
  
  
  
  
  5.    android:id="@+id/tutView">   
    6. 
  
  
  
  
  6.  
    7.

將這個布局傳入。***，不要忘了將這個活動添加到你的AndroidManifest.xml 文件。

步驟6：啟動Details Activity

注意力回到TutListActivity一會。讓我們看看我們需要做什么來啟動這個查看器Activity顯示合適文章鏈接。在onItemClick()方法中，被點擊項的位置被作為一個int型的值傳入。這就是我們需要用來訪問文章鏈接數(shù)組的值。

鏈接數(shù)組里的字符串值是URL。傳遞URL到另一個活動的簡便方法是通過setData()方法向Intent添加一個Uri。下面是onItemClick()的最終實現(xiàn)，它啟動查看器活動，傳入合適的URL：

 
 
 
 
    
  
  
  
  
  1. @Override   
    2. 
  
  
  
  
  2. public void onItemClick(AdapterView parent, View view,  
    3. 
  
  
  
  
  3.   int position, long id) {   
    4. 
  
  
  
  
  4.   String content = links[position];   
    5. 
  
  
  
  
  5.   Intent showContent = new Intent(getApplicationContext(), TutViewerActivity.class);   
    6. 
  
  
  
  
  6.   showContent.setData(Uri.parse(content)); startActivity(showContent);   
    7. 
  
  
  
  
  7. } 
    8.

如果你只是將這些代碼直接粘貼到onCreate()方法的***面，你會注意到links變量還沒有定義。因為它將用于OnItemClickListener類，變量必須是一個final值，如下：

 
 
 
 
    
  
  
  
  
  1. final String[] links = getResources().getStringArray(R.array.tut_links); 
    2.

這一行必須放在OnItemClickListener的定義之前。是的，你可以將它定義成非final的成員變量。對于更復雜的情況，那樣做甚至是必須的。但是在這里，我們可以在方法中放置所有代碼?，F(xiàn)在如果你運行這個程序，你將得到一個空白的查看器界面。活動正確地啟動了，但是我們需要去連接查看器活動來在WebView控件中加載URL。

步驟7：加載URL

注意力回到TutViewerActivity.java文件。在調用setContentView()方法之后，添加代碼，在傳入的Intent中檢索Uri并將它轉換成String變量。然后將一個調用添加到WebView類的loadUrl()方法。整個TutViewerActivity類的代碼將看起來像這樣：

 
 
 
 
    
  
  
  
  
  1. public class TutViewerActivity extends Activity {   
    2. 
  
  
  
  
  2. @Override   
    3. 
  
  
  
  
  3.  public void onCreate(Bundle savedInstanceState) {   
    4. 
  
  
  
  
  4.  super.onCreate(savedInstanceState);   
    5. 
  
  
  
  
  5.  setContentView(R.layout.tut_view);   
    6. 
  
  
  
  
  6.  Intent launchingIntent = getIntent();   
    7. 
  
  
  
  
  7.  String content = launchingIntent.getData().toString();   
    8. 
  
  
  
  
  8.  WebView viewer = (WebView) findViewById(R.id.tutView);   
    9. 
  
  
  
  
  9.  viewer.loadUrl(content);   
    10. 
  
  
  
  
  10. }   
    11. 
  
  
  
  
  11. } 
    12.

現(xiàn)在再運行程序。正常了么？還沒有！***一個細節(jié)：你必須把網終權限添加到AndroidManifest.xml文件?，F(xiàn)在運行這個程序，你將看到程序正常運行了：

步驟8：改善體驗（可選）目前來看，用戶體驗只是做到了僅僅是可以用。ListView展示所有文章標題，用戶可以點擊列表某一項并且可以轉到一個帶有WebView控件的活動來展示合適的URL的內容。為了將這個最基本的實現(xiàn)變得更優(yōu)雅一些你可能考慮以下幾個方面：

設置瀏覽視圖的初始縮放以應對接來的縮放

配置WebView使其包含更多增強瀏覽體驗的控件

動態(tài)加載文章列表，而不是使用靜態(tài)數(shù)組

為ListView添加特效視覺效果

充分利用大屏幕

向ListView增加附加的信息：副標題，難度級別，圖標，已讀指示，收藏按鈕等。

總結

ListView小工具是在界面上以列表形式組織數(shù)據(jù)的快速方式。在這個教程中我們只是接觸到ListView控件的最表層。然而，你學到了最基礎的：創(chuàng)建列表項，使用數(shù)據(jù)適配器，以及處理列表項點擊。


名稱欄目：Android用戶界面設計之創(chuàng)建列表視圖程序
轉載注明：http://www.dlmjj.cn/article/ccejppe.html