آموزش Navigation یا مسیریابی در اندروید

در این مقاله خواهیم دید که در یک اپلیکیشن چگونه مسیر به جلو و عقب را می توانید تعیین کنید. اما قبل از آن  باید بدانیم که چگونه در یک اپلیکیشن می توان navigation را ارائه داد.

ارائه ی up navigation در مسیریابی اندروید:

 navigation رو به بالا به ما اجازه می دهد تا در اپلیکیشن خود از یک اکتیویتی به اکتیویتی قبلی حرکت کنیم.

برای اجرای navigation رو به بالا ، اولین مرحله این است که یک اکتیویتی والد (Parent) مناسب ، برای هر اکتیویتی را اعلام کنیم.
می توانید این کار را با مشخص کردن اتریبیوت parentActivityName در یک اکتیویتی انجام دهید.
سینتکس آن مانند زیر می باشد :

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

پس از آن لازم است که متد setDisplayHomeAsUpEnabled را از getActionBar() در متد onCreat مربوط به اکتیویتی ، فرا بخوانید. این کار دکمه ی back را فعال می کند.

getActionBar().setDisplayHomeAsUpEnabled(true);

آخرین کاری که باید انجام دهید، override کردن متد  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;
   }	
}

دکمه ی back دستگاه در مسیریابی اندروید:

از آنجایی که شما دکمه ی بازگشت را برای مسیریابی (Navigation) در داخل اپلیکیشن خود فعال کرده اید، ممکن است بخواهید تابع بستن اپلیکیشن را نیز در دکمه ی بازگشت دستگاه تعبیه کنید .

این عمل به وسیله ی override  کردن متد  onBackPressed و سپس فراخوانی متد moveTaskToBack و متد finish انجام می شود.
سینتکس آن را در زیر می بینید :

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

علاوه بر متد setDisplayHomeAsUpEnabled، متد های دیگری در کلاس ActionBar API وجود دارند که در زیر لیست شده اند :

1. (addTab(ActionBar.Tab tab, boolean setSelected : این متد یک تب برای استفاده از مدل مسیر یابی tabbed، اضافه می کند.
2. ()getSelectedTab : اگر تب انتخاب شده را باز می گرداند( به شرط اینکه حداقل یک تب وجود داشته باشد)
3. ()hide : این متد اگر Actionbar در حالت نمایش باشد ، آن را پنهان می کند.
4. ()removeAllTabs : این متد تمام تب ها را از Action bar حذف کرده و تب انتخاب شده را از حالت انتخاب خارج می کند.
5. (selectTab(ActionBar.Tab tab : این متد تب مشخصی را انتخاب می کند.

مثال :

مثال زیر استفاده از مسیریابی (Navigation) را توضیح می دهد. این مثال یک اپلیکیشن  پایه ایجاد می کند که مسیریابی داخل اپلیکیشن را امکان پذیر می کند.
برای انجام این مثال لازم است آن را روی یک دستگاه واقعی یا یک امولاتور اجرا کنید.

• برای ایجاد یک اپلیکیشن اندروید از Android studio استفاده نموده و آن را  تحت پکیج  com.example.sairamkrishna.myapplication نام گذاری کنید.
• فایل src/MainActivity.java را برای افزودن کد اکتیویتی تغییر دهید.
• یک فعالیت با نام second_main.java  ایجاد کرده و آن را برای افزودن کد اکتیویتی ویرایش کنید.
• فایل لی اوتXML را res/layout/activity_main.xml را تغییر دهید و اگر لازم است کامپوننت GUI به آن اضافه کنید.
• لی اوت XML فایل res/layout/activity_main_activity2.xml را تغییر دهید و اگر لازم است کامپوننت GUI به آن اضافه کنید.
• AndroidManifest.xml را برای افزودن کد های لازم تغییر دهید.
• برنامه را اجرا کنید، یک دستگاه اجرایی اندروید انتخاب کنید و اپلیکیشن را روی آن نصب کرده و نتایج را بررسی کنید.

محتوای فایل 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("http://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 خود را ایجاد کرده اید. برای اجرای برنامه از اندروید استودیو ، یکی از فایل های اکتیوتی پروژه را باز کنید و روی آیکون Run از نوار ابزار کلیک کنید. اندروید استودیو اپلیکیشن را روی AVD شما نصب و آغاز می کند و اگر همه چیز در مورد برنامه و تنظیمات درست باشد، پنجره ی Emulator زیر نمایش داده خواهد شد :