طراحی فایل های xml متناظر با Activity ها و ... (لایه گرافیکی Activity ها و ...)، در برنامه نویسی اندروید

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
فهرست تاپیک:

  1. تعیین id برای یک عنصر دلخواه موجود در فایل xml ، در برنامه نویسی اندروید
  2. افزودن تعدادی عنصر جدید، به لایه گرافیکی متناظر با Activity ، توسط کدهای java ، در برنامه نویسی اندروید
  3. حذف یک عنصر (مثلا یک Button یا ImageView) نمایش داده شده در لایه گرافیکی مربوط به Activity (حذف از View)، با کدنویسی، در برنامه نویسی اندروید
  4. افزودن یا حذف کردن View مربوط به یک عنصر تعریف شده در لایه گرافیکی (فایل xml) (نمایش یا پنهان کردن عنصر)، با روش setVisibility ، در برنامه نویسی اندروید
  5. ساخت صفحات با قابلیت اسکرول به بالا و پایین، در برنامه نویسی اندروید
  6. نوشتن توضیح (comment) در میان کدهای یک فایل xml از پروژه اندروید
  7. قرار دادن یک عنصر در لایه گرافیکی متناظر با Activity (در فایل xml) به گونه ای که کل صفحه را بپوشاند، در برنامه نویسی اندروید
  8. چیدن عناصر گرافیکی در فایل xml ، به صورت یک جدول (Table) و بر اساس ردیف ها (Rows) و ستون های (Columns) جدول، با استفاده از TableLayout در برنامه نویسی اندروید
  9. رسم یک خط افقی در لایه گرافیکی (فایل xml)، با استفاده از عنصر View ، در برنامه نویسی اندروید
  10. قرار دادن یک عنصر بر روی عنصری دیگر و دقیقا در وسط آن، در لایه از نوع RelativeLayout ، در برنامه نویسی اندروید

منبع: kelidestan.com
 

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
تعیین id برای یک عنصر دلخواه موجود در فایل xml ، در برنامه نویسی اندروید

تعیین id برای یک عنصر دلخواه موجود در فایل xml ، در برنامه نویسی اندروید

همان طور که می دانید، هنگام نوشتن کدهای java ، برای ارجاع به یک عنصر موجود در فایل xml ، به id مربوط به آن اشاره می کنیم. برای تعیین id برای یک عنصر موجود در فایل xml ، باید مشخصه id را در تگ آن عنصر بنویسیم. یعنی مشابه کد زیر :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace]android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/textView1"[/COLOR][/FONT]
[/FONT][/COLOR]
که در آن، id عنصر را برابر textView1 تعیین کرده ایم.کد کامل عنصر، می تواند مشابه کد زیر باشد :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<[/COLOR]TextView
    android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/textView1"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
    android[COLOR=#339933]:[/COLOR]text[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"TextView"[/COLOR] [COLOR=#339933]/>[/COLOR][/FONT]
[/FONT][/COLOR]
[h=4]نکته :[/h]یک مثال برای ارجاع به عنصر، با استفاده از id آن را در زیر نشان داده ایم (نوع عنصر را TextView در نظر گرفته ایم) :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace]TextView tv [COLOR=#339933]=[/COLOR] [COLOR=#009900]([/COLOR]TextView[COLOR=#009900])[/COLOR] findViewById[COLOR=#009900]([/COLOR]R.[COLOR=#006633]id[/COLOR].[COLOR=#006633]textView1[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR][/FONT]
[/FONT][/COLOR]
[h=4]نکته :[/h]بد نیست یادآوری کنیم که وقتی برای یک عنصر، یک id تعیین می کنیم، id مورد نظر در فایل R.java (کلاس R) ذخیره می شود. این ذخیره سازی به صورت خودکار انجام می شود و هیچگاه نباید فایل R.java را به صورت دستی ویرایش کنیم. فقط قصدمان نشان دادن معنی عبارت زیر است که برای ارجاع به آن id به کار می رود :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace]R.[COLOR=#006633]id[/COLOR].[COLOR=#006633]textView1[/COLOR][/FONT]
[COLOR=#006633]
[/COLOR]
[/FONT][/COLOR]
 

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
افزودن تعدادی عنصر جدید، به لایه گرافیکی متناظر با Activity ، توسط کدهای java ، در برنامه نویسی اندروید

افزودن تعدادی عنصر جدید، به لایه گرافیکی متناظر با Activity ، توسط کدهای java ، در برنامه نویسی اندروید

همان طور که می دانید، برای هر Activity ، یک فایل xml در نظر می گیریم که عناصر لایه گرافیکی متناظر با Activity ، باید درون آن تعریف شوند. این عناصر را درون کدهای فایل xml تعریف می کنیم. اما گاهی نیاز داریم که توسط کدهای java و در نیمه های اجرای برنامه، یک عنصر جدید به لایه گرافیکی اضافه نماییم. بنابراین، در این مبحث قصد داریم که شیوه افزودن عناصر جدید به لایه گرافیکی متناظر با Activity توسط کدهای java را شرح بدهیم.

کدهای فایل xml متناظر با Activity را به صورت زیر می نویسیم :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<?[/COLOR]xml version[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"1.0"[/COLOR] encoding[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"utf-8"[/COLOR][COLOR=#339933]?>[/COLOR]
[COLOR=#339933]<[/COLOR]LinearLayout xmlns[COLOR=#339933]:[/COLOR]android[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"http://schemas.android.com/apk/res/android"[/COLOR]
    android[COLOR=#339933]:[/COLOR]orientation[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"vertical"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"fill_parent"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"fill_parent"[/COLOR][COLOR=#339933]>[/COLOR]
    [COLOR=#339933]<[/COLOR]ScrollView
        android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/ScrollView01"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"fill_parent"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
        android[COLOR=#339933]:[/COLOR]background[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@drawable/ic_launcher"[/COLOR][COLOR=#339933]>[/COLOR]
            [COLOR=#339933]<[/COLOR]LinearLayout
                android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/linear"[/COLOR]
                android[COLOR=#339933]:[/COLOR]orientation[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"vertical"[/COLOR]
                android[COLOR=#339933]:[/COLOR]layout_below[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/add_record"[/COLOR]
                android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
                android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"fill_parent"[/COLOR][COLOR=#339933]>[/COLOR]
            [COLOR=#339933]</[/COLOR]LinearLayout[COLOR=#339933]>[/COLOR]
    [COLOR=#339933]</[/COLOR]ScrollView[COLOR=#339933]>[/COLOR]
[COLOR=#339933]</[/COLOR]LinearLayout[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]
سپس درون فایل مربوط به Activity (فایل java) و در میان کدهای java ، کدهای زیر را می نویسیم :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace]LinearLayout Linear  [COLOR=#339933]=[/COLOR] [COLOR=#009900]([/COLOR]LinearLayout[COLOR=#009900])[/COLOR] findViewById[COLOR=#009900]([/COLOR]R.[COLOR=#006633]id[/COLOR].[COLOR=#006633]linear[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
TextView tv [COLOR=#339933]=[/COLOR] [B]new[/B] TextView[COLOR=#009900]([/COLOR][B]this[/B][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
tv.[COLOR=#006633]setText[/COLOR][COLOR=#009900]([/COLOR][COLOR=#0000FF]"My Text"[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
Linear.[COLOR=#006633]addView[/COLOR][COLOR=#009900]([/COLOR]tv[COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR][/FONT]
[/FONT][/COLOR]
با اجرای این کدهای java ، یک TextView به لایه گرافیکی متناظر با Activity ، افزوده می شود.

شیوه کدنویسی برای عناصر دیگری مثل دکمه (Button) و ... نیز به همین صورت می باشد و تنها باید کدها را متناسب با عنصر، کمی تغییر بدهید.

به عنوان مثال، اگر بخواهیم یک دکمه (Button) اضافه کنیم، که با هر بار اشاره کاربر بر روی آن، یک پیام کوتاه به کاربر نمایش داده شود (با Toast)، کدهای زیر را می نویسیم :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace]LinearLayout Linear  [COLOR=#339933]=[/COLOR] [COLOR=#009900]([/COLOR]LinearLayout[COLOR=#009900])[/COLOR] findViewById[COLOR=#009900]([/COLOR]R.[COLOR=#006633]id[/COLOR].[COLOR=#006633]linear[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
[COLOR=#003399]Button[/COLOR] b [COLOR=#339933]=[/COLOR] [B]new[/B] [COLOR=#003399]Button[/COLOR][COLOR=#009900]([/COLOR][B]this[/B][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
b.[COLOR=#006633]setText[/COLOR][COLOR=#009900]([/COLOR][COLOR=#0000FF]"My Button"[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
Linear.[COLOR=#006633]addView[/COLOR][COLOR=#009900]([/COLOR]b[COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]

b.[COLOR=#006633]setOnClickListener[/COLOR][COLOR=#009900]([/COLOR][B]new[/B] OnClickListener[COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR] [COLOR=#009900]{[/COLOR]
                        
    @Override
    [B]public[/B] [COLOR=#000066][B]void[/B][/COLOR] onClick[COLOR=#009900]([/COLOR][COLOR=#003399]View[/COLOR] arg0[COLOR=#009900])[/COLOR] [COLOR=#009900]{[/COLOR]
        [COLOR=#666666][I]// code for run after click[/I][/COLOR]
        Toast.[COLOR=#006633]makeText[/COLOR][COLOR=#009900]([/COLOR]getApplicationContext[COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR], [COLOR=#0000FF]"click"[/COLOR], Toast.[COLOR=#006633]LENGTH_LONG[/COLOR][COLOR=#009900])[/COLOR].[COLOR=#006633]show[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
    [COLOR=#009900]}[/COLOR]
[COLOR=#009900]}[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR][/FONT]
[/FONT][/COLOR]
 

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
حذف یک عنصر (مثلا یک Button یا ImageView) نمایش داده شده در لایه گرافیکی مربوط به Activity

حذف یک عنصر (مثلا یک Button یا ImageView) نمایش داده شده در لایه گرافیکی مربوط به Activity

حذف یک عنصر (مثلا یک Button یا ImageView) نمایش داده شده در لایه گرافیکی مربوط به Activity (حذف از View)،
با کدنویسی، در برنامه نویسی اندروید

همان طور که می دانید، معمولا برای هر Activity ، یک لایه گرافیکی را در یک فایل xml تعریف می کنیم که می تواند دارای تعدادی عنصر، مثل Button یا ImageView ، باشد. قبلا در مبحثی دیگر، چگونگی افزودن این عناصر به لایه گرافیکی، با کدنویسی، را شرح داده بودیم، اکنون در این مبحث می خواهیم آموزش بدهیم که چگونه می توان عنصری را که قبلا در لایه گرافیکی تعریف کرده ایم را حذف کنیم (حذف از View).

فرض کنید که در فایل xml مربوط به لایه گرافیکی متناظر با Activity ، یک دکمه (Button) با id برابر button1 تعریف کرده ایم و اکنون می خواهیم که با کدنویسی، آن را از لایه گرافیکی حذف کنیم تا دیگر کاربر آن را نبیند. برای این منظور، کدهای زیر را می نویسیم :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#003399]View[/COLOR] name [COLOR=#339933]=[/COLOR] findViewById[COLOR=#009900]([/COLOR]R.[COLOR=#006633]id[/COLOR].[COLOR=#006633]button1[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
LinearLayout L [COLOR=#339933]=[/COLOR] [COLOR=#009900]([/COLOR]LinearLayout[COLOR=#009900])[/COLOR] name.[COLOR=#006633]getParent[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
L.[COLOR=#006633]removeView[/COLOR][COLOR=#009900]([/COLOR]name[COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR][/FONT]
[/FONT][/COLOR]
دقت کنید که در کدهای فوق، نوع لایه گرافیکی را LinearLayout در نظر گرفته ایم.
 

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
افزودن یا حذف کردن View مربوط به یک عنصر تعریف شده در لایه گرافیکی، با روش setVisibility

افزودن یا حذف کردن View مربوط به یک عنصر تعریف شده در لایه گرافیکی، با روش setVisibility

افزودن یا حذف کردن View مربوط به یک عنصر تعریف شده در لایه گرافیکی (فایل xml) (نمایش یا پنهان کردن عنصر)،
با روش setVisibility ، در برنامه نویسی اندروید


فرض کنید یک عنصر دلخواه (از هر نوعی) را در لایه گرافیکی (فایل xml) تعریف کرده ایم و می خواهیم View آن را افزوده و یا اینکه حذف کنیم (نمایش یا پنهان کردن عنصر). برای افزودن View مربوط به عنصر (نمایش عنصر)، کد زیر را می نویسیم (id عنصر را برابر button1 در نظر گرفته ایم) :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace]findViewById[COLOR=#009900]([/COLOR]R.[COLOR=#006633]id[/COLOR].[COLOR=#006633]button1[/COLOR][COLOR=#009900])[/COLOR].[COLOR=#006633]setVisibility[/COLOR][COLOR=#009900]([/COLOR][COLOR=#003399]View[/COLOR].[COLOR=#006633]VISIBLE[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR][/FONT]
[/FONT][/COLOR]
برای حذف View مربوط به عنصر (پنهان کردن عنصر)، کد زیر را می نویسیم (id عنصر را برابر button1 در نظر گرفته ایم) :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace]findViewById[COLOR=#009900]([/COLOR]R.[COLOR=#006633]id[/COLOR].[COLOR=#006633]button1[/COLOR][COLOR=#009900])[/COLOR].[COLOR=#006633]setVisibility[/COLOR][COLOR=#009900]([/COLOR][COLOR=#003399]View[/COLOR].[COLOR=#006633]GONE[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR][/FONT]
[/FONT][/COLOR]
[h=4]نکته :[/h]می توانیم کدها را به شکل زیر نیز بنویسیم (ذخیره View مربوط به عنصر، در یک متغیر برای استفاده در کدهای بعدی) :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#003399]View[/COLOR] myView [COLOR=#339933]=[/COLOR] findViewById[COLOR=#009900]([/COLOR]R.[COLOR=#006633]id[/COLOR].[COLOR=#006633]button1[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]
myView.[COLOR=#006633]setVisibility[/COLOR][COLOR=#009900]([/COLOR][COLOR=#003399]View[/COLOR].[COLOR=#006633]VISIBLE[/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR][/FONT]
[COLOR=#339933]
[/COLOR]
[/FONT][/COLOR]
 

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
ساخت صفحات با قابلیت اسکرول به بالا و پایین، در برنامه نویسی اندروید

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

حتما تاکنون صفحاتی را دیده اید که اندازه آنها، بزرگتر از صفحه نمایشگر گوشی است و کاربر می تواند در آنها، با کشیدن انگشت خود به سمت بالا یا پایین، بخش هایی از صفحه را که در نمایشگر گوشی نمایش داده نشده است را ببیند. برای ساخت اینگونه صفحات، باید در فایل xml متناظر با activity این صفحات، کدهای زیر را بنویسیم :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<?[/COLOR]xml version[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"1.0"[/COLOR] encoding[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"utf-8"[/COLOR][COLOR=#339933]?>[/COLOR]
[COLOR=#339933]<[/COLOR]ScrollView xmlns[COLOR=#339933]:[/COLOR]android[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"http://schemas.android.com/apk/res/android"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
    android[COLOR=#339933]:[/COLOR]background[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@drawable/background_simple_3"[/COLOR] [COLOR=#339933]>[/COLOR]

    [COLOR=#339933]<[/COLOR]LinearLayout
        android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
        android[COLOR=#339933]:[/COLOR]orientation[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"vertical"[/COLOR] [COLOR=#339933]>[/COLOR]

    
    [COLOR=#339933]</[/COLOR]LinearLayout[COLOR=#339933]>[/COLOR]
    
[COLOR=#339933]</[/COLOR]ScrollView[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]
همان طور که مشاهده می کنید، از تگ ScrollView استفاده کرده ایم که قابلیت اسکرول به بالا و پایین را به وجود می آورد. سپس در میان تگ های ScrollView ، تگ های LinearLayout را نوشته ایم. اکنون اگر بخواهیم مثلا یک دکمه (Button) به صفحه اضافه کنیم، باید کد مربوط به آن را در میان تگ های LinearLayout بنویسیم. مثل کد زیر :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<?[/COLOR]xml version[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"1.0"[/COLOR] encoding[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"utf-8"[/COLOR][COLOR=#339933]?>[/COLOR]
[COLOR=#339933]<[/COLOR]ScrollView xmlns[COLOR=#339933]:[/COLOR]android[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"http://schemas.android.com/apk/res/android"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
    android[COLOR=#339933]:[/COLOR]background[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@drawable/background_simple_3"[/COLOR] [COLOR=#339933]>[/COLOR]

    [COLOR=#339933]<[/COLOR]LinearLayout
        android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
        android[COLOR=#339933]:[/COLOR]orientation[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"vertical"[/COLOR] [COLOR=#339933]>[/COLOR]

    [COLOR=#339933]<[/COLOR][COLOR=#003399]Button[/COLOR]
        android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/button1"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"100dp"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_marginBottom[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@dimen/vertical_space"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_marginLeft[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@dimen/horizontal_space"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_marginRight[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@dimen/horizontal_space"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_marginTop[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@dimen/vertical_space"[/COLOR]
        android[COLOR=#339933]:[/COLOR]background[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@drawable/background_button_2"[/COLOR]
        android[COLOR=#339933]:[/COLOR]padding[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@dimen/padding_text"[/COLOR]
        android[COLOR=#339933]:[/COLOR]text[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@string/subject_45"[/COLOR]
        android[COLOR=#339933]:[/COLOR]textSize[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@dimen/button_text_size"[/COLOR] [COLOR=#339933]/>[/COLOR]

    [COLOR=#339933]</[/COLOR]LinearLayout[COLOR=#339933]>[/COLOR]
    
[COLOR=#339933]</[/COLOR]ScrollView[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]
 

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
نوشتن توضیح (comment) در میان کدهای یک فایل xml از پروژه اندروید

نوشتن توضیح (comment) در میان کدهای یک فایل xml از پروژه اندروید

شاید تاکنون برایتان پیش آمده است که بخواهید در یک فایل xml ، مقداری توضیح (commnet) بنویسید که به صورت کد اجرا نشود و تنها برای خواندن آن توسط خود شما می باشد، یا اینکه خیلی از مواقع، چندین عنصر در فایل xml تعریف کرده ایم و ممکن است که به طور موقت بخواهیم یک یا چندین عنصر را حذف کرده و اثر نبود آنها را ببینیم، در این حالت بهتر است که به جای حذف، آنها را به صورت توضیح (comment) در بیاوریم تا در آینده اگر دوباره خواستیم آنها در فایل xml به صورت کد اجرا شوند، دیگر مجبور به کدنویسی آنها از ابتدا نشویم.

برای نوشتن یک یا چند خط توضیح (comment) در یک فایل xml ، باید توضیحات مورد نظرمان را به شکل کلی زیر بنویسیم :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<!--[/COLOR]
your comment
[COLOR=#339933]-->[/COLOR][/FONT]
[/FONT][/COLOR]
یا به شکل زیر (تنها در یک خط) :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<!--[/COLOR] your comment [COLOR=#339933]-->[/COLOR][/FONT]
[/FONT][/COLOR]
که در آن، به جای عبارت your comment ، می توانید توضیحات مورد نظر خودتان را بنویسید.

بنابراین چنانچه قصد دارید که یک عنصر تعریف شده در فایل xml را به صورت توضیح (comment) در بیاورید، تنها کافی است که در خط قبل از کدهای آن، عبارت <!-- و در خط بعد از کدهای آن، عبارت --> را بنویسید. به عنوان مثال، کد زیر را ببینید :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<!--[/COLOR]
[COLOR=#339933]<[/COLOR][COLOR=#003399]Button[/COLOR]
    android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/button1"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
    android[COLOR=#339933]:[/COLOR]text[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"myText"[/COLOR] [COLOR=#339933]/>[/COLOR]
[COLOR=#339933]-->[/COLOR][/FONT]
[/FONT][/COLOR]
بنابراین کدهای مربوط به تعریف این دکمه (Button) در فایل xml اجرا نخواهد شد و کاربر آن دکمه (Button) را در لایه گرافیکی خروجی نمی بیند.
 

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
قرار دادن یک عنصر در لایه گرافیکی متناظر با Activity (در فایل xml) به گونه ای که کل صفحه را بپوشاند، در برنامه نویسی اندروید

قرار دادن یک عنصر در لایه گرافیکی متناظر با Activity (در فایل xml) به گونه ای که کل صفحه را بپوشاند، در برنامه نویسی اندروید

فرض کنید که قصد داریم یک عنصر را در فایل xml (لایه گرافیکی متناظر با Activity) قرار بدهیم، به گونه ای که کل صفحه مربوط به Activity را بپوشاند و هیچ گونه حاشیه ای هم بین آن و مرزهای صفحه Activity وجود نداشته باشد. برای این منظور، اگر مثلا آن عنصر را به صورت دکمه (Button) در نظر بگیریم، باید کدهای فایل xml به صورت زیر باشند :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<[/COLOR]LinearLayout xmlns[COLOR=#339933]:[/COLOR]android[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"http://schemas.android.com/apk/res/android"[/COLOR]
    xmlns[COLOR=#339933]:[/COLOR]tools[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"http://schemas.android.com/tools"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
    android[COLOR=#339933]:[/COLOR]orientation[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"vertical"[/COLOR]
    tools[COLOR=#339933]:[/COLOR]context[COLOR=#339933]=[/COLOR][COLOR=#0000FF]".MainActivity"[/COLOR] [COLOR=#339933]>[/COLOR]

    [COLOR=#339933]<[/COLOR][COLOR=#003399]Button[/COLOR]
        android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/button1"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
        android[COLOR=#339933]:[/COLOR]text[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"Button"[/COLOR] [COLOR=#339933]/>[/COLOR]

[COLOR=#339933]</[/COLOR]LinearLayout[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]
همان طور که مشاهده می کنید، نوع لایه را برابر LinearLayout انتخاب کرده ایم و در میان کدهای آن، همه مشخصه های مربوط به فاصله گرفتن (layout_margin و layout_marginLeft و ...) را حذف کرده ایم. همچنین مشخصه های layout_width و layout_height را برای عنصر مورد نظرمان (یعنی همان Button) را به صورت زیر نوشته ایم :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace]android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR][/FONT]
[/FONT][/COLOR]
تعیین مقدار match_parent برای این دو مشخصه، باعث می شود که ارتفاع و عرض دکمه (Button) برابر والد آن (parent)(عنصر مرتبه بالاتر که شامل آن است) که همان LinearLayout است، بشود و LinearLayout هم که بدون حاشیه است و این دو شخصه برای آن نیز برابر match_parent تعیین شده است و کل صفحه را می پوشاند، بنابراین دکمه (Button) کل صفحه را می پوشاند.

ظاهر گرافیکی فایل xml در برنامه eclipse به صورت زیر خواهد بود :

756.jpg

ظاهر گرافیکی Activity در یک گوشی اندروید واقعی، به صورت زیر می باشد :

757.jpg
 

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
چیدن عناصر گرافیکی در فایل xml ، به صورت یک جدول و بر اساس ردیف ها و ستون های جدول، با استفاده از TableLayout

چیدن عناصر گرافیکی در فایل xml ، به صورت یک جدول و بر اساس ردیف ها و ستون های جدول، با استفاده از TableLayout

چیدن عناصر گرافیکی در فایل xml ،
به صورت یک جدول (Table) و بر اساس ردیف ها (Rows) و ستون های (Columns) جدول،
با استفاده از TableLayout در برنامه نویسی اندروید


نمی دانم تاکنون در زبان HTML ، با جدول ها (tables) کار کرده اید یا نه، ولی همان طور که در زبان HTML ، با استفاده از تگ table ، یک جدول می سازیم و سپس با تگ های tr و td برای آن، ردیف ها و خانه های جدید ایجاد می کنیم، در برنامه نویسی اندروید نیز با استفاده از عنصر TableLayout می توانیم یک لایه (layout) به شکل جدول (table) داشته باشیم و سپس با استفاده از عنصر TableRow می توانیم برای جدول، ردیف های جدید ایجاد کنیم و همچنین با مشخصه layout_column برای هر عنصر، می توانیم شماره ستون (column) آن را مشخص کنیم.

برای درک بهتر این موضوع، مثالی را از سایتی دیگر برایتان ذکر می کنم که با خواندن کدهای آن، شیوه ساختن یک جدول با استفاده از TableLayout و همچنین چگونگی چیدن عنصرهای مختلف در خانه های جدول را متوجه بشوید. کدهای فایل xml به صورت زیر می باشند :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<?[/COLOR]xml version[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"1.0"[/COLOR] encoding[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"utf-8"[/COLOR][COLOR=#339933]?>[/COLOR]
[COLOR=#339933]<[/COLOR]TableLayout xmlns[COLOR=#339933]:[/COLOR]android[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"http://schemas.android.com/apk/res/android"[/COLOR]
    android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/tableLayout1"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"fill_parent"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"fill_parent"[/COLOR] [COLOR=#339933]>[/COLOR]
 
    [COLOR=#339933]<!--[/COLOR] [COLOR=#CC66CC]2[/COLOR] columns [COLOR=#339933]-->[/COLOR]
    [COLOR=#339933]<[/COLOR]TableRow
        android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/tableRow1"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
        android[COLOR=#339933]:[/COLOR]padding[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"5dip"[/COLOR] [COLOR=#339933]>[/COLOR]
 
        [COLOR=#339933]<[/COLOR]TextView
            android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/textView1"[/COLOR]
            android[COLOR=#339933]:[/COLOR]text[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"Column 1"[/COLOR]
            android[COLOR=#339933]:[/COLOR]textAppearance[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"?android:attr/textAppearanceLarge"[/COLOR] [COLOR=#339933]/>[/COLOR]
 
        [COLOR=#339933]<[/COLOR][COLOR=#003399]Button[/COLOR]
            android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/button1"[/COLOR]
            android[COLOR=#339933]:[/COLOR]text[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"Column 2"[/COLOR] [COLOR=#339933]/>[/COLOR]
    [COLOR=#339933]</[/COLOR]TableRow[COLOR=#339933]>[/COLOR]
 
    [COLOR=#339933]<!--[/COLOR] edittext span [COLOR=#CC66CC]2[/COLOR] column [COLOR=#339933]-->[/COLOR]
    [COLOR=#339933]<[/COLOR]TableRow
        android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/tableRow2"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
        android[COLOR=#339933]:[/COLOR]padding[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"5dip"[/COLOR] [COLOR=#339933]>[/COLOR]
 
        [COLOR=#339933]<[/COLOR]EditText
            android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/editText1"[/COLOR]
            android[COLOR=#339933]:[/COLOR]layout_span[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"2"[/COLOR]
            android[COLOR=#339933]:[/COLOR]text[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"Column 1 & 2"[/COLOR] [COLOR=#339933]/>[/COLOR]
    [COLOR=#339933]</[/COLOR]TableRow[COLOR=#339933]>[/COLOR]
 
    [COLOR=#339933]<!--[/COLOR] just draw a red line [COLOR=#339933]-->[/COLOR]
    [COLOR=#339933]<[/COLOR][COLOR=#003399]View[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"2dip"[/COLOR]
        android[COLOR=#339933]:[/COLOR]background[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"#FF0000"[/COLOR] [COLOR=#339933]/>[/COLOR]
 
    [COLOR=#339933]<!--[/COLOR] [COLOR=#CC66CC]3[/COLOR] columns [COLOR=#339933]-->[/COLOR]
    [COLOR=#339933]<[/COLOR]TableRow
        android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/tableRow3"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
        android[COLOR=#339933]:[/COLOR]padding[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"5dip"[/COLOR] [COLOR=#339933]>[/COLOR]
 
        [COLOR=#339933]<[/COLOR]TextView
            android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/textView2"[/COLOR]
            android[COLOR=#339933]:[/COLOR]text[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"Column 1"[/COLOR]
            android[COLOR=#339933]:[/COLOR]textAppearance[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"?android:attr/textAppearanceLarge"[/COLOR] [COLOR=#339933]/>[/COLOR]
 
        [COLOR=#339933]<[/COLOR][COLOR=#003399]Button[/COLOR]
            android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/button2"[/COLOR]
            android[COLOR=#339933]:[/COLOR]text[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"Column 2"[/COLOR] [COLOR=#339933]/>[/COLOR]
 
        [COLOR=#339933]<[/COLOR][COLOR=#003399]Button[/COLOR]
            android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/button3"[/COLOR]
            android[COLOR=#339933]:[/COLOR]text[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"Column 3"[/COLOR] [COLOR=#339933]/>[/COLOR]
    [COLOR=#339933]</[/COLOR]TableRow[COLOR=#339933]>[/COLOR]
 
    [COLOR=#339933]<!--[/COLOR] display [B]this[/B] button in 3rd column via layout_column[COLOR=#009900]([/COLOR]zero based[COLOR=#009900])[/COLOR] [COLOR=#339933]-->[/COLOR]
    [COLOR=#339933]<[/COLOR]TableRow
        android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/tableRow4"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
        android[COLOR=#339933]:[/COLOR]padding[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"5dip"[/COLOR] [COLOR=#339933]>[/COLOR]
 
        [COLOR=#339933]<[/COLOR][COLOR=#003399]Button[/COLOR]
            android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/button4"[/COLOR]
            android[COLOR=#339933]:[/COLOR]layout_column[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"2"[/COLOR]
            android[COLOR=#339933]:[/COLOR]text[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"Column 3"[/COLOR] [COLOR=#339933]/>[/COLOR]
    [COLOR=#339933]</[/COLOR]TableRow[COLOR=#339933]>[/COLOR]
 
    [COLOR=#339933]<!--[/COLOR] display [B]this[/B] button in 2nd column via layout_column[COLOR=#009900]([/COLOR]zero based[COLOR=#009900])[/COLOR] [COLOR=#339933]-->[/COLOR]
    [COLOR=#339933]<[/COLOR]TableRow
        android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/tableRow5"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
        android[COLOR=#339933]:[/COLOR]padding[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"5dip"[/COLOR] [COLOR=#339933]>[/COLOR]
 
        [COLOR=#339933]<[/COLOR][COLOR=#003399]Button[/COLOR]
            android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/button5"[/COLOR]
            android[COLOR=#339933]:[/COLOR]layout_column[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"1"[/COLOR]
            android[COLOR=#339933]:[/COLOR]text[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"Column 2"[/COLOR] [COLOR=#339933]/>[/COLOR]
    [COLOR=#339933]</[/COLOR]TableRow[COLOR=#339933]>[/COLOR]
 
[COLOR=#339933]</[/COLOR]TableLayout[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]
ظاهر گرافیکی فایل xml به صورت زیر می باشد (در برنامه eclipse) :
939.jpg


در برنامه eclipse ، در بخش Outline ، می توانید چگونگی چیدمان عناصر قرار گرفته در فایل xml را بهتر درک کنید :



941.jpg

با نصب برنامه اندروید بر روی یک گوشی واقعی، ظاهر گرافیکی Activity به صورت زیر می باشد :

940.jpg
 

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
رسم یک خط افقی در لایه گرافیکی (فایل xml)، با استفاده از عنصر View ، در برنامه نویسی اندروید

رسم یک خط افقی در لایه گرافیکی (فایل xml)، با استفاده از عنصر View ، در برنامه نویسی اندروید

با استفاده از عنصر View ، می توانیم یک خط افقی را در لایه گرافیکی (فایل xml) رسم کنیم. برای این منظور، کدهای زیر را در فایل xml می نویسیم :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<[/COLOR][COLOR=#003399]View[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_width [COLOR=#339933]=[/COLOR] [COLOR=#0000FF]"fill_parent"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"2dp"[/COLOR]
    android[COLOR=#339933]:[/COLOR]background[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"#FF0000"[/COLOR] [COLOR=#339933]/>[/COLOR][/FONT]
[/FONT][/COLOR]
به عنوان مثال، فرض کنید بخواهیم بین دو دکمه (Button)، یک خط (line) افقی قرمز رنگ رسم کنیم، برای این منظور، کدهای فایل xml را به صورت زیر می نویسیم :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<?[/COLOR]xml version[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"1.0"[/COLOR] encoding[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"utf-8"[/COLOR][COLOR=#339933]?>[/COLOR]
[COLOR=#339933]<[/COLOR]LinearLayout xmlns[COLOR=#339933]:[/COLOR]android[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"http://schemas.android.com/apk/res/android"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"fill_parent"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"fill_parent"[/COLOR]
    android[COLOR=#339933]:[/COLOR]orientation[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"vertical"[/COLOR] [COLOR=#339933]>[/COLOR]

    [COLOR=#339933]<[/COLOR][COLOR=#003399]Button[/COLOR]
        android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/button1"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_margin[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"5dp"[/COLOR]
        android[COLOR=#339933]:[/COLOR]text[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"Button"[/COLOR] [COLOR=#339933]/>[/COLOR]
    
    [COLOR=#339933]<[/COLOR][COLOR=#003399]View[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_width [COLOR=#339933]=[/COLOR] [COLOR=#0000FF]"fill_parent"[/COLOR]
            android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"2dp"[/COLOR]
            android[COLOR=#339933]:[/COLOR]background[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"#FF0000"[/COLOR] [COLOR=#339933]/>[/COLOR]

    [COLOR=#339933]<[/COLOR][COLOR=#003399]Button[/COLOR]
        android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/button2"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_margin[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"5dp"[/COLOR]
        android[COLOR=#339933]:[/COLOR]text[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"Button"[/COLOR] [COLOR=#339933]/>[/COLOR]

[COLOR=#339933]</[/COLOR]LinearLayout[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]
نتیجه کد فوق، به صورت زیر می باشد :

1009.jpg
 

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
قرار دادن یک عنصر بر روی عنصری دیگر و دقیقا در وسط آن، در لایه از نوع RelativeLayout ، در برنامه نویسی اندروید

قرار دادن یک عنصر بر روی عنصری دیگر و دقیقا در وسط آن، در لایه از نوع RelativeLayout ، در برنامه نویسی اندروید

فرض کنید که قصد داریم در یک لایه گرافیکی (در فایل xml)، یک عنصر را بر روی عنصری دیگر و دقیقا در وسط آن قرار بدهیم.
برای این منظور، باید موارد زیر را انجام بدهیم :
1- نوع لایه گرافیکی را برابر RelativeLayout انتخاب کنیم.
2- عنصری که می خواهیم بر روی عنصر دیگری قرار بگیرد (عنصر بالاتر)، باید کدهای آن، بعد از کد عنصر پایین تر، نوشته شود (در غیر این صورت، در زیر آن قرار می گیرد).
3- باید در کدهای عنصری که بالاتر قرار می گیرد، مشخصه زیر را بنویسیم :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace]android[COLOR=#339933]:[/COLOR]layout_centerInParent[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"true"[/COLOR][/FONT]
[/FONT][/COLOR]
به عنوان مثال، فرض کنید که می خواهیم یک عنصر دکمه (Button) را بر روی یک عنصر ImageView و دقیقا در وسط آن قرار بدهیم، برای این منظور، کدهای لایه گرافیکی (فایل xml) را به صورت زیر می نویسیم :
کد:
[COLOR=#000000][FONT=Tahoma][FONT=monospace][COLOR=#339933]<?[/COLOR]xml version[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"1.0"[/COLOR] encoding[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"utf-8"[/COLOR][COLOR=#339933]?>[/COLOR]
[COLOR=#339933]<[/COLOR]RelativeLayout  xmlns[COLOR=#339933]:[/COLOR]android[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"http://schemas.android.com/apk/res/android"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
    android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
    android[COLOR=#339933]:[/COLOR]orientation[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"vertical"[/COLOR] [COLOR=#339933]>[/COLOR]
    
    [COLOR=#339933]<[/COLOR]ImageView
        android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/imageView1"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"match_parent"[/COLOR]
        android[COLOR=#339933]:[/COLOR]src[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@drawable/ic_launcher"[/COLOR] [COLOR=#339933]/>[/COLOR]
    
    [COLOR=#339933]<[/COLOR][COLOR=#003399]Button[/COLOR]
        android[COLOR=#339933]:[/COLOR]id[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"@+id/button1"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_width[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_height[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"wrap_content"[/COLOR]
        android[COLOR=#339933]:[/COLOR]layout_centerInParent[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"true"[/COLOR]
        android[COLOR=#339933]:[/COLOR]text[COLOR=#339933]=[/COLOR][COLOR=#0000FF]"Button"[/COLOR] [COLOR=#339933]/>[/COLOR]

[COLOR=#339933]</[/COLOR]RelativeLayout[COLOR=#339933]>[/COLOR][/FONT]
[/FONT][/COLOR]
ظاهر لایه گرافیکی (فایل xml) در برنامه eclipse ، به صورت زیر می باشد :

1104.jpg

ظاهر لایه گرافیکی، هنگام نمایش در یک گوشی اندروید واقعی، به صورت زیر می باشد :

1105.jpg
 
بالا