توسعه ی نرم افزارهای اندروید (قسمت دوم)

چهارشنبه 25 فروردین 1395

در این مقاله می خواهیم در مورد activity ها صحبت نماییم اینکه یک activity چگونه ایجاد می شود و چگونه از بین خواهد رفت و زمانی که یک برنامه اجرا می شود چگونه activity اول از بین خواهد رفت و چگونه به activty دوم اطلاعات ارسال می شود.

توسعه ی نرم افزارهای  اندروید (قسمت دوم)

در ادامه ی مقاله ی قبلی اگر مطالعه نکردید می توانید به لینک آن مراجعه کنید و آن را بخوانید.

امروزه ما می توانیم برنامه های اندرویدی خود را با استفاده از کاپوننت های مورد نظر گسترش دهیم.

برای توسعه ی UI می توانیم از widget برای توسعه ی نرم افزارهای اندروید استفاده نماییم.

همه ی ویجت های مورد نظر با استفاده از فایل xml درست می شوند و ما می توانیم برای رابط کاربری خود از آن ها استفاده نماییم.

در زیر تعدادی از ویجت هایی که برای رابط کاربری از آن استفاده می شود و نحوه ی استفاده از آن ها در فایل xml و layout را نشان می دهد.

حالا انواع ویجت ها:

Palin text view-1

Large text-2

Medium text-3

Small text-4

Button-5

Small button-6

Radio button-7

Checkbox-8

Switch-9

Toggle button-10

Image button-11

Image view-12

Progress bar(Large)-13

Progress bar(Normal)-14

Progress bar(Small)-15

Progress bar(Horizontal)-16

Seek bar-17

Rating bar-18

Spinner-19

Web view-20

در زیر بعضی دیگر از ویجت هایی که در نرم افزارهای اندروید استفاده می شود را نمایش می دهیم.

Layout و Widgets :

و با استفاده از این ویجت ها می توانیم یک رابط کاربری بسیار زیبا بسازیم.

حالا می خواهیم نحوه ی استفاده از این ویجت ها در فایل xml را توضیح دهیم.

با کمک این tag ها ما می توانیم یک layout بسازیم و widget های خود را داخل آن قرار دهیم.

استفاده از Linear layout که هر شی را به صورت سطری و یا ستونی  و یا به عبارت دیگر به صورت افقی و عمودی قرار خواهد گرفت.

یک مثال برای Linear layout قرار می دهیم که قرار است یک صفحه ی login ایجاد نماییم.

در این فایل از دو ابزار یکی text fields و دیگری دو تا buttons قرار می دهید می توانید از یک عکس هم برای پشت زمینه استفاده نماییم.

مراحل به صورت زیر خواهد بود:

1-یک فایل xml در پوشه ی layout ایجاد نمایید.

2-یک فایل جاوا در پوشه ی جاوا ایجاد نمایید.

3-قرار دادن متد start در فایل activity

4-قرار دادن unique id و دسترسی به هر لایه

5-تعریف کردن همه ی رشته ها و قرار دادن نام برای هر کدام از آن ها

کد های قسمت xml به صورت زیر خواهد بود:

    <RelativeLayout  
    xmlns:android="http://schemas.android.com/apk/res/android"  
        xmlns:tools="http://schemas.android.com/tools"  
        android:id="@+id/container"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent"  
        android:background="@color/red"  
        android:gravity="center_horizontal"  
        tools:context="com.madhuram.loginapplication.MainActivity"  
        tools:ignore="MergeRootFrame" >  
        <TextView  
            android:id="@+id/login_text"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_marginLeft="60dp"  
            android:text="@string/login"  
            android:textSize="20sp"  
            android:textStyle="bold" />  
        <LinearLayout  
            android:id="@+id/layoutlogin"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_below="@id/login_text"  
            android:orientation="horizontal" >  
            <TextView  
                android:layout_width="74dp"  
                android:layout_height="wrap_content"  
                android:text="@string/username" />  
            <EditText  
                 android:id="@+id/login"  
                 android:layout_width="148dp"  
                 android:layout_height="wrap_content"  
                 android:inputType="text" />  
        </LinearLayout>  
        <LinearLayout  
            android:id="@+id/layoutpassword"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_below="@+id/layoutlogin"  
            android:orientation="horizontal" >  
            <TextView  
                android:layout_width="74dp"  
                android:layout_height="wrap_content"  
                android:text="@string/password" />  
            <EditText  
                android:id="@+id/password"  
                android:layout_width="148dp"  
                android:layout_height="wrap_content"  
                android:inputType="textPassword" />  
        </LinearLayout>  
        <LinearLayout  
            android:id="@+id/layoutbutton"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_below="@+id/layoutpassword"  
            android:orientation="horizontal" >  
            <Button  
                android:id="@+id/login_button"  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content"  
                android:layout_marginTop="46dp"  
                android:text="@string/login" />  
        </LinearLayout>  
    </RelativeLayout>  

کد بالا یک صفحه ی UI را برای login کردن کاربر استفاده خواهد شد.

در زیر کد xml برای تعریف کردن نام اپلیکیشن استفاده شده استفاده می شود.

<?xml version="1.0" encoding="utf-8"?>  
    <resources>  
        <string name="app_name">Login Application</string>  
        <string name="login">Log IN</string>  
        <string name="username">User name</string>  
        <string name="password">Password</string>  
    </resources>

ابزارهای استفاده شده را در فایل جاوای خود تعریف نمایید به صورت زیر:

    import android.app.Activity;  
    import android.content.Intent;  
    import android.os.Bundle;  
    import android.view.View;  
    import android.widget.Button;  
    import android.widget.EditText;  
    public class MainActivity extends Activity  
    {  
        Button b1;  
        EditText ed1;@  
        Override  
        protected void onCreate(Bundle savedInstanceState)  
        {  
            super.onCreate(savedInstanceState);  
            setContentView(R.layout.activity_main);  
            b1 = (Button) findViewById(R.id.signup_button);  
            b1.setOnClickListener(new View.OnClickListener()  
            {@  
                Override  
                public void onClick(View v)  
                {  
                    Intent intent = new Intent(MainActivity.this, Login.class);  
                    startActivity(intent);  
                }  
            });  
        }  
    }  

بنابر این شما می توانید یک صفحه ی ورود جالب ایجاد نمایید و برای جذاب تر شدن می توانید از یک عکس پس زمینه استفاده کنید که باید داخل پوشه ی مورد نظر خود یک عکس قرار دهید و آدرس عکس مورد نظر را قرار دهید.

android:background="@drawable/bg"

 

فایل های ضمیمه

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

نویسنده 3355 مقاله در برنامه نویسان

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

در صورتی که در رابطه با این مقاله سوالی دارید، در تاپیک های انجمن مطرح کنید