tejariapp-new-logotejariapp-new-logotejariapp-new-logotejariapp-new-logo
  • صفحه اصلی
  • پروژه ها
    • پروژه طراحی سایت
    • پروژه های اندروید
    • پروژه های تحت ویندوز
    • UI & UX
    • ربات تلگرام
  • سفارش پروژه
    • انجام پروژه اندروید (Android)
    • طراحی و ساخت اپلیکیشن موبایل
    • انجام پروژه طراحی سایت با php
    • انجام پروژه طراحی سایت با Asp.net
    • انجام پروژه سی شارپ
    • فرم سفارش پروژه
  • مدرسه ی تجاری اپ
    • طراحی سایت
    • اندروید
    • سی شارپ
    • آموزش پایگاه داده
    • برنامه های کاربردی
  • لینک های مفید
    • پرداخت آنلاین
    • درباره تجاری اپ
    • تماس با ما
استخدام برنامه نویس متلب
سفارش پروژه
✕
            هیچ نتیجه ای یافت نشدمشاهده همه نتایج

            آموزش اندروید فصل سوم قسمت سوم – رابط کاربری

            • صفحه نخست
            • مدرسه ی تجاری اپ آموزش اندروید
            • آموزش اندروید فصل سوم قسمت سوم – رابط کاربری
            آموزش برنامه نویسی اندروید فصل سوم
            آموزش اندروید فصل سوم قسمت دوم – گروه ابزارها
            1 تیر 1395
            آموزش برنامه نویسی اندروید فصل سوم
            آموزش اندروید فصل سوم قسمت چهارم – رابط کاربری
            3 تیر 1395
            منتشر شده توسط خانم منطق
            آموزش برنامه نویسی اندروید فصل سوم

            آموزش برنامه نویسی اندروید فصل سوم

            در قسمت بیست و یکم آموزش اندروید در ادامه آموزش بیستم گروه های ابزاری (LinearLayout , AbsoluteLayout , TableLayout) را به طور مفصل شرح داده ایم.

            آموزش اندروید فصل سوم قسمت سوم – رابط کاربری

            توجه : برای مشاهده تصاویر در سایز اصلی بر روی آنها کلیک کنید.

            چگالی و رزولوشن

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

            • Low density(Idpi)—۱۲۰ dpi
            • Medium density(mdpi)—۱۶۰dpi
            • High density(hdpi)—۲۴۰ dpi
            • Extra High density(xhdpi)—۳۲۰dpi

            هر دستگاه مجازی در که ایجاد میکنیم بسته به نوع دستگاه در یکی از دسته بندی های زیر قرار میگیرد که میتوان با انتخاب ایکن Android Virtual Device و سپس در پنجره باز شده با انتخاب دکمه Details  میتوان مشخصات دستگاه را کاملا مشاهده کرد.

            آموزش کاربردی اندروید-قسمت بیست و یکم

            برای مثال در تصویر فوق رزولوشن(Skin) دستگاه انتخاب شده برابر ۸۰۰ در ۱۲۸۰ و چگالی(hw.icd.density) نیز برابر با ۲۱۳ میباشد. میتوانید با جایگزین کردن این مقادیر تفاوت هارا مشاهده کنید مانند زیر

                <Button
            
                    android:id="@+id/button1"
            
                    android:layout_width="160dp"
            
                    android:layout_height="wrap_content"
            
                    android:text="Button"
            
                    android:onClick="onClick" />
            
            
                <Button
            
                    android:id="@+id/button2"
            
                    style="?android:attr/buttonStyleSmall"
            
                    android:layout_width="150px"
            
                    android:layout_height="wrap_content"
            
                    android:text="Button" />
            

            که نتیجه زیر مطابق تصویر زیر خواهد بود که همانگونه که مشاهده میکنید مشخص شده که دکمه اول ۱۶۰dp و دکمه دوم ۱۵۰px تعیین شده اند.

            آموزش کاربردی اندروید-قسمت بیست و یکم

            همچنین میتوان جهت صفحه را مشخص کرد یعنی به حالت عمودی با افقی تغییر داد با استفاده از android:oriention مطابق زیر

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

            همانگونه که در کدهای فوق مشاهده میکنید orientation را برابر با vertical (عمودی) قرار داده ایم که باعث میوشد تمامی عناصر به صورت عمودی قرار گیرند و حتی اگر بخواهیم به صورت گرافیکی یکی از عناصر را جابجا کنیم این اجازه را به ما ندهد.

            حال ابزار های نمایشی خود را به صورت افقی یا Horizontal تنظیم میکنیم

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

            و خواهیم دید نتیجه در حالت گرافیکی layout به شکل زیر خواهد شد

            آموزش کاربردی اندروید-قسمت بیست و یکم

            حال میتوان برای راحتی کار چیدمان هارا ترکیب کنیم که از لحاظ تیوری تا هذ تعداد چیدمان را میتوان ترکیب کرد اما از لحاظ عملی ممکن است پیچیدگی و مشکلاتی در آینده استفاده از برنامه پیش بیاید.

            طبق کد زیر میتوان ترکیب را انجام داد

            
            <?xml version="1.0" encoding="utf-8"?>
            
            <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            
                android:layout_width="match_parent"
            
                android:layout_height="match_parent"
            
                android:orientation="horizontal"
            
                android:background="#F00FF00" >
            
                <LinearLayout
            
                    android:layout_width="match_parent"
            
                    android:layout_height="222dp"
            
                    android:background="#0FF0F0"
            
                    android:orientation="vertical" >
            
                </LinearLayout>
            
            </LinearLayout>
            
            

            همانطور که مشاهده میکنید دو گروه ابزاری را به صورت تو درتو و با چینش مختلف ایجاد کرده ایم و نتیجه به صورت زیر خواهد بود

            آموزش کاربردی اندروید-قسمت بیست و یکم

            AbsoluteLayout

            این گروه ابزاری به شما این قابلیت را میدهد تا محل قطعی ابزار را به صورت صریح و مطلق تعیین کند یعنی میتوان از خصوصیات _x و _y که محل دقیق برای ابزار ها مشخص شده که البته توصیه میشود از این چیدمان در کارهای خود استفاده نکنید چون این روش در دستگاه های قدیمی اندروید(نسخه ۱٫۵) کاربرد داشت اما در دستگاه های جدید و با رزولوشن بالا ممکن است با مشکل مواجه شود.

            TableLayout

            در این چیدمان همانگونه که از نامش مشخص است مانند جدول دارای سطر و ستون است که مشخصه <TableRow> نیز برای ایجاد سطر استفاده میشود که میتواند شامل چندین ستون یا سلول باشد

            به مثال زیر دقت فرمایید

            
            <?xml version="1.0" encoding="utf-8"?>
            
            <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
            
                android:layout_width="match_parent"
            
                android:layout_height="match_parent" >
            
                    <TableRow >
            
                <TextView
            
                    android:id="@+id/textView1"
            
                    android:layout_width="wrap_content"
            
                    android:layout_height="wrap_content"
            
                    android:text="Username" />
            
                <EditText
            
                    android:id="@+id/txtusername"
            
                    android:layout_width="200dp"
            
                    android:ems="10" >
            
                </EditText>
            
                </TableRow>
            
                <TableRow >
            
                   <TextView
            
                    android:id="@+id/textView2"
            
                    android:layout_width="wrap_content"
            
                    android:layout_height="wrap_content"
            
                    android:text="Password" />
            
                <EditText
            
                    android:id="@+id/txtpass"
            
                    android:layout_width="200dp"
            
                    android:ems="10" >
            
                </EditText>
            
                </TableRow>
            
                <TableRow >
            
                <Button
            
                    android:id="@+id/button1"
            
                    android:layout_width="125px"
            
                    android:layout_height="wrap_content"
            
                    android:text="Log In" />
            
            </TableRow>
            
            </TableLayout>
            
            

            نتیجه عبارات فوق به شکل زیر خواهد بود

            آموزش کاربردی اندروید-قسمت بیست و یکم

            مدرس : خانم مهندس داودی نژاد

            آموزش اندروید فصل سوم قسمت دوم

            آموزش اندروید فصل سوم قسمت چهارم

            اشتراک گذاری

            پست های مرتبط

            دستورات جریان کنترل (Control flow statements) یا دستورات شرطی و حلقه ها در زبان برنامه نویسی دارت Dart

            دستورات جریان کنترل (Control flow statements) یا دستورات شرطی و حلقه ها در زبان برنامه نویسی دارت Dart

            30 بهمن 1400

            دستورات شرطی و حلقه ها در زبان برنامه نویسی دارت (Dart)


            ادامه مطلب
            آموزش عملگرها یا Operator ها در زبان برنامه نویسی دارت یا Dart

            آموزش عملگرها یا Operator ها در زبان برنامه نویسی دارت یا Dart

            30 بهمن 1400

            آموزش عملگرها یا Operator ها در زبان برنامه نویسی دارت (Dart)


            ادامه مطلب
            توابع در زبان برنامه نویسی دارت (Dart)

            توابع در زبان برنامه نویسی دارت (Dart)

            27 بهمن 1400

            توابع در زبان برنامه نویسی دارت (Dart)


            ادامه مطلب

            دیدگاهتان را بنویسید لغو پاسخ

            نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

            ساخت اپلیکیشن های موبایل

            • ساخت اپلیکیشن فروشگاهی
            • ساخت اپلیکشن ابزاری و خدماتی
            • ساخت اپلیکیشن آموزشی
            • و هزاران موضوع دیگر

             
            کلیک کنید

            آخرین دیدگاه ها

            • 7 خرداد 1401

              داودی نظر در آموزش استفاده از ckeditor همراه با آپلود عکس در لاراول 6

            • 6 فروردین 1401

              yasaman نظر در راست چین کردن متن در فیگما Figma

            • 3 فروردین 1401

              رضا نظر در مفاهیم Observable و Observer در RxJava

            تجاری اپ در شبکه های اجتماعی

            لوگوی تایید پرداخت آنلاین

            2015-2022 © تمامي حقوق مادي و معنوي اين وب سايت نزد تجاری اپ محفوظ بوده و هر گونه کپي برداري از مطالب پيگرد قانوني به همراه دارد! | طراح سایت : ProgRun
            سفارش پروژه
                      هیچ نتیجه ای یافت نشدمشاهده همه نتایج