یک فنجان مشاوره
مهـمـان مــا باشیـد

شـمـــاره تــمــاس
031-36628509

آموزش ساخت ScrollView در اندروید استودیو

انتشار 27 خرداد 1397
دیدگاه ها 0
زمان تقریبی مطالعه
گردآوری پدیده تجارت

درود وقتتون بخیر. با یک آموزش دیگه از سری مجموعه آموزشات اندروید استودیو در خدمتتون هستیم. در این آموزش به بررسی و توضیح کلی شی ScrollView میپردازیم و نحوه ی ایجاد اون در اندروید استودیو را باهم گام به گام بررسی میکنیم.

معرفی ابزار ScrollView:

وقتی شما در صفحه پروژتون مطالب زیادی را جا داده باشید، بدیهیه که همه مطالبتون نمایش داده نشه. در این موارد اندروید استودیو به شما یک راه حل پیشنهاد میکنه، و اون هم ScrollView هستش. این ابزار این امکان را به ما میده که بسته به نیازمون صفحه را بالا یا پایین ببریم. و در نهایت، همه ی محتویات صفحه را بدون محدودیتی مشاهده کنیم.

یک اسکرول ویو معمولی و ساده رو در تصویر متحرک زیر مشاهده میکنید:

ScrollView

عموما در برنامه های اندروید دو نوع اسکرول استفاده میشن: عمودی و افقی. امروز در این آموزش نحوه پیاده سازی اسکرول عمودی را باهم بررسی میکنیم.

مثل بقیه ی پروژه هایی که تا الان ساختیم، وارد محیط اندروید استودیو میشیم. همه ی مراحل ساخت یک پروژه جدید رو هم مثل قبل طی میکنیم تا پروژمون ساخته بشه. من اسم این پروژه جدید رو ScrollProject میزارم.

خب اولین کاری که باید بکنیم اینه که یک اسکرول به پروژمون اضافه کنیم. پس وارد بخش Layout پروژمون میشیم و در قسمت deign، شی ScrollView رو به پروژمون اضافه میکنیم.

خب در مرحله بعدی باید بریم به قسمت Text پروژمون و  یک تگ ScrollView باز کنیم و عرض و ارتفاع اون رو ‘fill_parent’ قرار بدیم. (مقدار fill_parent باعث میشه که عرض و ارتفاع لایه توسط اسکرول ویو بطور کامل پوشیده و پر بشه.) به زیر دقت کنید:

<ScrollView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical">        
    </LinearLayout>
</ScrollView>

همونطور که در کد بالا میبینید، یک خاصیت جدید به کد بالا اضافه شده. این خاصیت باید حتما به لایه جدید اعمال بشه تا لایه ما در حالت عموی قرار بگیره. این خاصیت “android:orientation=”vertical هستش. اگر این خاصیت وجود نداشته باشه، عناصر اسکرول ویو کلا به هم میریزند. پس باید حتما این خاصیت رو به لایه جدید اضافه کنیم.

تکمیل طراحی ScrollView:

خب الان که الزامات اولیه رو برای پروژمون انجام دادیم، کافیه که اسکرول ویو را در برناممون استفاده کنیم. برای اینکار من 15 تا TextView قرار میدم تا ببینیم که اسکرول ویو چطوری کار میکنه و بتونیم در انتهای پروژه ازش استفاده کنیم. پس همونطور که میدونید، میریم به قسمت Layout و در قسمت Text، کدهای زیر رو اعمال میکنیم:

<ScrollView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical">
        <TextView
            android:text="Text1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="100dp"/>
        <TextView
            android:text="Text2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="100dp"/>
        <TextView
            android:text="Text3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="100dp"/>
        <TextView
            android:text="Text4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="100dp"/>
        <TextView
            android:text="Text5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="100dp"/>
        <TextView
            android:text="Text6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="100dp"/>
        <TextView
            android:text="Text7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="100dp"/>
        <TextView
            android:text="Text8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="100dp"/>
        <TextView
            android:text="Text9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="100dp"/>
        <TextView
            android:text="Text10"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="100dp"/>
        <TextView
            android:text="Text11"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="100dp"/>
        <TextView
            android:text="Text12"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="100dp"/>
<TextView
            android:text="Text13"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="100dp"/>
<TextView
            android:text="Text14"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="100dp"/>
<TextView
            android:text="Text15"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="100dp"/>
    </LinearLayout>

</ScrollView>

الان وقتی که برناممون رو اجرا بکنیم، میبینم که میتونیم به راحتی بین 15 تکستمون اسکرول کنیم و جابه جا بشیم.

گفتنی است که تغییرات بیشتر در پروژه بستگی به نیاز و سلیقه شخصی برنامه نویسی داره و در این مقاله قصد اصلی آموزش کلی ScrollView مدنظر ما بود.

خب اینم از آموزش امروز. امیدوارم که از آموزش امروز نهایت لذت رو برده باشید و برای شما کاربردی بوده باشه. ^.^

برای شرکت در دوره های آموزشی مجموعه پدیده تجارت، به قسمت دوره های آموزشی اندروید کلیک کنید. همچنین برای مشاهده ی  اپلیکیشن های کاربردی اندروید، بر روی نمونه کارهای اندروید کلیک کنید. اگر مایل به سفارش اپلیکیشن اندروید نیز هستید، مجموعه پدیده تجارت با ده سال سابقه کار، عضو اتحادیه و با کوله باری از تجربه و دانش در خدمت شما خواهد بود. ما با آغوش باز، منتظر شروع همکاری شیرین و دوستانه با شما خواهیم بود.

 

*آینده از آن کسب و کارهای آنلاین است*

تولید شده در بخش تولید محتوا پدیده تجارت

 

مقالات مرتبط

شاید علاقمند به دیدن این مقالات نیز باشید
(آرشیو کامل)

رابط کاربری UI چیست؟ رابط کاربری UI چیست؟ مقالات طراحی وب سایت

پدیده تجارت

04 بهمن 1396

تیم برنامه نویسی اندروید در اصفهان تیم برنامه نویسی اندروید در اصفهان مقالات موبایل

پدیده تجارت

24 مرداد 1398

چگونه در اندروید استودیو ListView سفارشی بسازیم؟ چگونه در اندروید استودیو ListView سفارشی بسازیم؟ مقالات تجارت الکترونیک

پدیده تجارت

15 اردیبهشت 1397

شرکت های معتبر طراحی وب سایت در اصفهان شرکت های معتبر طراحی وب سایت در اصفهان مقالات طراحی وب سایت

پدیده تجارت

17 مرداد 1396

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

پدیده تجارت

13 شهریور 1397

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

پدیده تجارت

22 اسفند 1400

GenyMotion چیست و چه کاربردی در اندروید استودیو دارد؟ GenyMotion چیست و چه کاربردی در اندروید استودیو دارد؟ مقالات تجارت الکترونیک

پدیده تجارت

25 اردیبهشت 1397

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

پدیده تجارت

20 آذر 1396

طراحی اپ در اصفهان طراحی اپ در اصفهان مقالات موبایل

پدیده تجارت

12 شهریور 1398

نگرشی نو بر بازار طراحی سایت نگرشی نو بر بازار طراحی سایت مقالات طراحی وب سایت

پدیده تجارت

20 آبان 1393

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

پدیده تجارت

24 اسفند 1400

دیدگاه کاربران

0

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها