Navigation در برنامه نویسی اندروید

4 سال پیش

امتیاز دهید post

Navigation در برنامه نویسی اندروید

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، در مورد Navigation در برنامه نویسی اندروید صحبت خواهیم کرد.

در این درس خواهیم دید که چگونه می توانید یک برنامه Navigation در برنامه نویسی اندروید بنویسید و بین صفحات مختلف یک برنامه سوئیچ و حرکت کنید.

ابتدا به نحوه تهیه ناوبری در برنامه خواهیم پرداخت.

ارائه Up Navigation

Up Navigation به برنامه ما امکان می دهد تا از فعالیت بعدی به فعالیت قبلی حرکت کند.

برای اجرای Up Navigation، اولین قدم اعلان این است که کدام فعالیت والد مناسب برای هر فعالیت است.

می توانید این کار را با تعیین ویژگی parentActivityName در یک فعالیت انجام دهید. نحو آن در زیر آورده شده است:

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

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

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

getActionBar().setDisplayHomeAsUpEnabled(true);

1	getActionBar().setDisplayHomeAsUpEnabled(true);

آخرین کاری که باید انجام دهید این است که متد onOptionsItemSelected را نادیده بگیرید. هنگامی که کاربر آن را فشار می دهد، فعالیت شما فراخوانی ()onOptionsItemSelected را دریافت می کند. شناسه این اکشن android.R.id.home است. نحو آن در زیر آورده شده است:

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

public boolean onOptionsItemSelected(MenuItem item) {

switch (item.getItemId()) {

case android.R.id.home:

NavUtils.navigateUpFromSameTask(this);

return true;

}

مدیریت دکمه back

از آنجا که دکمه back را برای حرکت در برنامه خود فعال کرده اید، ممکن است بخواهید عملکرد بستن برنامه را در دکمه back دستگاه قرار دهید.

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

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

@Override

public void onBackPressed() {

moveTaskToBack(true);

MainActivity2.this.finish();

}

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

(addTab(ActionBar.Tab tab, boolean setSelected

این متد یک تب برای استفاده در حالت tabbed navigation اضافه می کند

()getSelectedTab

این متد اگر در حالت tabbed navigation باشد و در حال حاضر حداقل یک تب وجود دارد، تب انتخاب شده فعلی را برمی گرداند

()hide

این متد اگر ActionBar در حال حاضر در حال نمایش است مخفی می کند

()removeAllTabs

این متد همه تب ها را از ActionBar حذف کرده و تب فعلی را لغو انتخاب می کند

(selectTab(ActionBar.Tab tab

این متد تب مشخص شده را انتخاب می کند

مثال

مثال زیر استفاده از Navigation در برنامه نویسی اندروید را نشان می دهد. این برنامه به شما امکان می دهد در برنامه خود حرکت کنید.

برای آزمایش این مثال، باید این مورد را روی دستگاه واقعی یا شبیه ساز اجرا کنید.

شرح مراحل

1 شما برای ایجاد یک برنامه اندروید تحت یک پکیج com.example.sairamkrishna.myapplication از Android studio استفاده خواهید کرد.
2 برای افزودن کد فعالیت ، پرونده src / MainActivity.java را تغییر دهید.
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);
         }
      });
   }
}

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;
      }
   }
}

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 است.

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;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"&gt;
   
   &lt;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" /&gt;
      
   &lt;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" /&gt;
      
   &lt;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" /&gt;
      
   &lt;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" /&gt;

&lt;/RelativeLayout&gt;

<?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 است.

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;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"&gt;
   
   &lt;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" /&gt;

&lt;/LinearLayout&gt;

<?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 وجود دارد.

&lt;resources&gt;
   &lt;string name="app_name"&gt;My Application&lt;/string&gt;
&lt;/resources&gt;

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

</resources>

در اینجا محتوای AndroidManifest.xml است.

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.sairamkrishna.myapplication" &gt;
   &lt;uses-permission android:name="android.permission.INTERNET"&gt;&lt;/uses-permission&gt;
   
   &lt;application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:theme="@style/AppTheme" &gt;
      
      &lt;activity
         android:name=".MainActivity"
         android:label="@string/app_name" &gt;
         
         &lt;intent-filter&gt;
            &lt;action android:name="android.intent.action.MAIN" /&gt;
            &lt;category android:name="android.intent.category.LAUNCHER" /&gt;
         &lt;/intent-filter&gt;
         
      &lt;/activity&gt;
        
      &lt;activity android:name=".second_main"&gt;&lt;/activity&gt;
      
   &lt;/application&gt;
&lt;/manifest&gt;

<?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>

</intent-filter>

</activity>

</application>

</manifest>

بیایید برنامه خود را اجرا کنیم! من تصور می کنم شما AVD خود را هنگام راه اندازی محیط ایجاد کرده اید. برای اجرای برنامه از Android studio، یکی از پرونده های فعالیت پروژه خود را باز کنید و از نوار ابزار روی Android StudioRun Icon کلیک کنید. Android Studio برنامه را روی AVD شما نصب کرده و شروع به کار می کند و اگر با تنظیمات و برنامه هایتان همه چیز خوب باشد، زیر پنجره شبیه ساز نمایش داده می شود.

اکنون فقط دکمه را فشار دهید و صفحه زیر به شما نشان داده می شود.

فعالیت دوم شامل نمایش وب است، همانطور که در زیر نشان داده شده است به tutorialspoint.com هدایت شده است

منبع.

لیست جلسات قبل آموزش برنامه نویسی اندروید

امتیاز دهید post

نویسنده مطلب saber

Navigation در برنامه نویسی اندروید

Navigation در برنامه نویسی اندروید

ارائه Up Navigation

مدیریت دکمه back

مثال

شرح مراحل

لیست جلسات قبل آموزش برنامه نویسی اندروید

دیدگاه شما

بدون دیدگاه

Navigation در برنامه نویسی اندروید

ارائه Up Navigation

مدیریت دکمه back

مثال

شرح مراحل

لیست جلسات قبل آموزش برنامه نویسی اندروید

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه