安卓第九夜 狂风

作者：Vamei 出处：http://www.cnblogs.com/vamei 欢迎转载，也请保留这段声明。谢谢！

 

我们经常需要在安卓应用中包含简易的网页显示功能。我将在这一讲中实现网页的显示。

《狂风》，来自小Willem，荷兰画派黄金时代的作品。作为当时海上马车夫的荷兰，对航海题材的画情有独钟。 这种倾斜的船身，是当时的画家常用的手法，用于表现很强的风。

 

描述

上一讲实现了一个类别条目页面。现在，我希望点击某个类别后，能再次以条目的方式显示所有的联系人。在这个新的条目页面中，点击某个联系人后，能显示该联系人的URL指向的页面。相关的安卓知识点为：

• Intent和Bundle。传递数据。
• WebView。用于显示一个网页。

 

新的数据库查询方法

我将增加一个条目页面，用于显示某个类别下的所有联系人。在数据层面上，我需要从数据库中取出某个类别下的所有联系人。在上一讲中，我创建了ContactsManager类，用于和数据库交互。但之前的CRUD方法无法满足我的需求。我将为该类增加新的方法，以便从数据库中取出某个类别下的所有联系人。这个方法如下：

    // Getting all contacts of a category
    public List<Contact> getContactsByCategoryId(int categoryId) {
        List<Contact> contacts = new LinkedList<Contact>();
        
        SQLiteDatabase db = this.getReadableDatabase();
 
        Cursor cursor = db.query(TABLE_CONTACTS, new String[] { KEY_ID,
            KEY_NAME, KEY_URL, KEY_CATEGORY_ID }, KEY_CATEGORY_ID + "=?",
            new String[] { String.valueOf(categoryId) }, null, null, null, null);

        // iterate over all retrieved rows
        Contact contact = null;
        if (cursor.moveToFirst()) {
            do {
                contact = new Contact();
                contact.setId(Integer.parseInt(cursor.getString(0)));
                contact.setName(cursor.getString(1));
                contact.setUrl(cursor.getString(2));
                
                Category category = getCategory(Integer.parseInt(cursor.getString(3)));
                contact.setCategory(category);
  
                // Add contact to contacts
                contacts.add(contact);
            } while (cursor.moveToNext());
        }
  
        // return contacts
        return contacts;
    }

上面方法中查询了数据库的TABLE_CONTACTS表格。我在数据库的query()方法中规定，在数据库查询时，将只保留符合KEY_CATEGORY_ID等于categoryId条件的数据记录。该方法将返回某个categoryId下的所有Contact数据，也就是某个目录下的所有联系人信息。

我将在后面使用这一新增方法。

 

在Intent放入附加数据

我希望点击类别后，能够进入显示该类别所有联系人，即启动一个新的联系人条目页面。由于类别的数目是动态变化的，我不可能为每个类别创建一个下游页面（而且这样也太麻烦了）。然而，我可以把类别信息传递给同一个下游页面，让该下游页面根据类别，进行不同的处理。这个数据传递的任务，将由Intent完成。从概念漫游（上）中，我们已经知道，Intent就像传令兵。现在，我要让传令兵夹带一点“私货”了。

package me.vamei.vamei;

import java.util.List;

import me.vamei.vamei.model.Category;
import me.vamei.vamei.model.ContactsManager;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;

public class CategoryActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_category);
        
        ListView listview = (ListView) findViewById(R.id.categoryList);
        
        ContactsManager cm              = new ContactsManager(this);
        final List<Category> categories = cm.getAllCategories();
        
        CategoryAdapter adapter = new CategoryAdapter(this,
            R.layout.list_category, categories);
        
        listview.setAdapter(adapter);
        
        listview.setOnItemClickListener(new OnItemClickListener() {
            public void onItemClick(AdapterView<?> parent, View view,int position, long id) {
                Intent intent = new Intent(CategoryActivity.this, ContactListActivity.class);
                // put extra data into intent
                // the data will be passed along with the intent, as a key-value pair
                intent.putExtra("CATEGORY_ID", categories.get(position).getId());
                
                startActivity(intent);
            }
        });
    }
}

putExtra()方法在Intent中放入一个键值对。"CATEGORY_ID"是“键”，而点击条目对应Category的ID是“值”。

putExtra()方法会先创建一个Bundle对象，再传递这个Bundle对象。在安卓中，一个Bundle对象即一个键值对。键是一个字符串，值是任意可以打包的对象(parcelable object)。Bundle在安卓中的用途非常广泛。

 

我可以用下面的语句，等效的代替上面的putExtra()：

Bundle extra = new Bundle();
extra.putString("CATEGORY_ID",  categories.get(position).getId());
intent.putExtra(extra);

即手动创建Bundle对象，再利用putExtra()将Bundle对象附加在Intent对象上。

 

提取Intent中的附加数据

在下游的Activity中，我可以通过Context的getIntent()方法来获取Intent对象。下游Activity是新建的ContactListActivity。它将以条目的方式，显示类别下所有联系人：

package me.vamei.vamei;

import java.util.List;

import me.vamei.vamei.model.Contact;
import me.vamei.vamei.model.ContactsManager;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;

public class ContactListActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_contact_list);
        
        // Get extra data from the Intent
        // i.e., category id
         Intent intent = getIntent();
        int cat_id    = intent.getIntExtra("CATEGORY_ID", -1);
        
        ContactsManager cm     = new ContactsManager(this);
        final List<Contact> contacts = cm.getContactsByCategoryId(cat_id);
        
        ListView listview = (ListView) findViewById(R.id.contactList);
        
        ContactAdapter adapter = new ContactAdapter(this,
                R.layout.list_contact, contacts);
            
        listview.setAdapter(adapter);
        
        listview.setOnItemClickListener(new OnItemClickListener() {
            public void onItemClick(AdapterView<?> parent, View view,int position, long id) {
                Intent intent = new Intent(ContactListActivity.this, BlogActivity.class);
                // Put extra data into the Intent, which is a URL
                intent.putExtra("BLOG_URL", contacts.get(position).getUrl());
                
                startActivity(intent);
            }
        });
    }
}

我在第一部分编写的数据库交互方法getContactsByCategoryId()，在上面的Activity中登场。提取出的Contact表，通过ListView和ContactAdapter，显示为联系人的条目页面。在点击条目后，URL信息放入Intent中，并启动下游的BlogActivity。BlogActivity根据Intent中的URL，来打开联系人的网页。

练习 参考安卓第八夜 玛丽莲梦露，增加ContactAdapter，activity_category_list.xml和list_contact.xml，以完整的实现联系人条目页面。 

练习 根据之前提到的adb shell，为数据库增加Category和Contact记录。

 

联系人条目

 

使用WebView

下面我要添加BlogActivity。它使用了WebView视图元素来显示Web页面。我将增加一个布局文件activity_blog.xml，这个文件包含一个简单的WebView视图元素：

<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/web"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

通过操纵该视图元素，我可以把网页加载入这个视图元素。 

 

下面，我将创建对应的BlogActivity。它将从Intent中提取URL地址。WebView的loadUrl()方法，用于加载URL所指向的网页：

package me.vamei.vamei;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.webkit.WebView;

@SuppressLint("SetJavaScriptEnabled")
public class BlogActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_blog);

        // Receive the URL from the upstream activity
         Intent intent = getIntent();
        String url    = intent.getStringExtra("BLOG_URL");
        
        WebView webView = (WebView) findViewById(R.id.web);
        
        // Enable JavaScript
        webView.getSettings().setJavaScriptEnabled(true);
        
        // Load the web page of the URL
        webView.loadUrl(url);
    }
}

注意上面的getSettings()方法将返回一个WebSettings对象，包含了WebView的设置功能。该对象的setJavaScriptEnabled()方法，将允许WebView运行网页上的JavaScript脚本。

为了WebView正常运行，我需要赋予应用访问互联网的权限，在AndroidManifest.xml中增加uses-permission标签：

<manifest ...>
    ... 
    <uses-permission android:name="android.permission.INTERNET" />
    ...
</manifest>

 

 

总结

putExtra(), getIntent(), getIntExtra()

WebView, getSettings(), loadUrl()

欢迎继续阅读“Java快速教程”系列文章