Android 简明教程

Android - Navigation

在本章中,我们将看到如何提供在应用中向前和向后导航。首先,我们将了解如何在应用中提供向上导航。

Providing Up Navigation

向上导航将允许我们的应用从下一个应用移动到前一个活动。它可以像这样进行。

为了实现向上导航,第一步是声明哪些活动是每个活动的适当父级。你可以通过在活动中指定 parentActivityName 属性来完成此操作。其语法如下所示 −

android:parentActivityName = "com.example.test.MainActivity"

然后,你需要在活动 onCreate 方法中调用 setDisplayHomeAsUpEnabledgetActionBar() 方法。这将在顶部操作栏启用后退按钮。

getActionBar().setDisplayHomeAsUpEnabled(true);

你最后需要做的事情是覆盖 onOptionsItemSelected 方法。当用户按它时,你的活动会接收对 onOptionsItemSelected() 的调用。该操作的 ID 为 android.R.id.home 。其语法如下所示 −

public boolean onOptionsItemSelected(MenuItem item) {

   switch (item.getItemId()) {
      case android.R.id.home:
      NavUtils.navigateUpFromSameTask(this);
      return true;
   }
}

Handling device back button

由于你已启用后退按钮以在应用程序中导航,因此你可能希望在设备后退按钮中放入应用程序关闭功能。

可以通过覆盖 onBackPressed 以及调用 moveTaskToBackfinish 方法来实现此目的。其语法如下所示 −

@Override
public void onBackPressed() {
   moveTaskToBack(true);
   MainActivity2.this.finish();
}

除了该 setDisplayHomeAsUpEnabled 方法,ActionBar API 类中还有其他方法。它们列在下面 −

Sr.No

Method & description

1

addTab(ActionBar.Tab tab, boolean setSelected) 该方法添加标签以便在标签导航模式中使用;

2

getSelectedTab() 该方法在标签导航模式下(并且至少存在一个标签的情况下)返回当前选中的标签;

3

hide() 如果当前正在显示,此方法将隐藏 ActionBar

4

removeAllTabs() 此方法将删除操作栏中的所有选项卡,并取消选择当前选项卡

5

selectTab(ActionBar.Tab tab) 此方法将选择指定选项卡

Example

下面的示例演示了如何使用导航。它创建了一个基本的应用程序,允许你在应用程序内导航。

要尝试本示例,您需要在实际设备或模拟器上运行它。

Steps

Description

1

你将使用 Android Studio 在包 com.example.sairamkrishna.myapplication 下创建 Android 应用程序。

2

修改 src/MainActivity.java 文件以添加 Activity 代码。

3

使用名称为 second_main.java 的新活动,并编辑它来添加活动代码。

4

修改布局 XML 文件 res/layout/activity_main.xml,如有需要,则添加任何 GUI 组件。

5

修改布局 XML 文件 res/layout/second.xml 添加任何需要的 GUI 组件。

6

修改 AndroidManifest.xml 以添加必要的代码。

7

运行该应用程序,选择一个正在运行的安卓设备,并在该设备上安装应用程序并验证结果。

以下为 src/MainActivity.java 的内容。

package com.example.sairamkrishna.myapplication;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends Activity  {
   Button b1;

   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);

      b1 = (Button) findViewById(R.id.button);
      b1.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
            Intent in=new Intent(MainActivity.this,second_main.class);
            startActivity(in);
         }
      });
   }
}

以下为 src/second_main.java 的内容。

package com.example.sairamkrishna.myapplication;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;

/**
   * Created by Sairamkrishna on 4/6/2015.
*/

public class second_main extends Activity {
   WebView wv;

   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main_activity2);

      wv = (WebView) findViewById(R.id.webView);
      wv.setWebViewClient(new MyBrowser());
      wv.getSettings().setLoadsImagesAutomatically(true);
      wv.getSettings().setJavaScriptEnabled(true);
      wv.loadUrl("https://www.tutorialspoint.com");
   }

   private class MyBrowser extends WebViewClient {
      @Override
      public boolean shouldOverrideUrlLoading(WebView view, String url) {
         view.loadUrl(url);
         return true;
      }
   }
}

以下是 activity_main.xml 的内容。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
   android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
   android:paddingRight="@dimen/activity_horizontal_margin"
   android:paddingTop="@dimen/activity_vertical_margin"
   android:paddingBottom="@dimen/activity_vertical_margin"
   tools:context=".MainActivity"
   android:transitionGroup="true">

   <TextView android:text="Navigation example" android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/textview"
      android:textSize="35dp"
      android:layout_alignParentTop="true"
      android:layout_centerHorizontal="true" />

   <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Tutorials point"
      android:id="@+id/textView"
      android:layout_below="@+id/textview"
      android:layout_centerHorizontal="true"
      android:textColor="#ff7aff24"
      android:textSize="35dp" />

   <ImageView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/imageView"
      android:src="@drawable/abc"
      android:layout_below="@+id/textView"
      android:layout_centerHorizontal="true"
      android:theme="@style/Base.TextAppearance.AppCompat" />

   <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="first page"
      android:id="@+id/button"
      android:layout_below="@+id/imageView"
      android:layout_alignRight="@+id/textView"
      android:layout_alignEnd="@+id/textView"
      android:layout_marginTop="61dp"
      android:layout_alignLeft="@+id/imageView"
      android:layout_alignStart="@+id/imageView" />

</RelativeLayout>

以下为 activity_main_activity2.xml 的内容。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:orientation="vertical" android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:weightSum="1">

   <WebView
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:id="@+id/webView"
      android:layout_gravity="center_horizontal"
      android:layout_weight="1.03" />

</LinearLayout>

以下是 Strings.xml 的内容。

<resources>
   <string name="app_name">My Application</string>
</resources>

以下是 AndroidManifest.xml 的内容。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.sairamkrishna.myapplication" >
   <uses-permission android:name="android.permission.INTERNET"></uses-permission>

   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:theme="@style/AppTheme" >

      <activity
         android:name=".MainActivity"
         android:label="@string/app_name" >

         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>

      </activity>

      <activity android:name=".second_main"></activity>

   </application>
</manifest>

让我们尝试运行你的应用程序。我假设你在进行环境设置时已创建 AVD 。要从 Android Studio 运行应用程序,请打开项目的其中一个活动文件,然后单击工具栏中的运行图标。Android Studio 会将应用程序安装到你的 AVD 并启动它,如果你的设置和应用程序一切正常,它将显示以下模拟器窗口:

现在只需按下按钮,将向你显示以下屏幕。

navigation

第二个活动包含 webview,它已重新定向到 tutorialspoint.com,如下所示:

navigation2