آموزش های این وب سایت به صورت رایگان در دسترس است. اطلاعات بیشتر
مشکل عدم دسترسی خریداران پیشین به برخی آموزش ها برطرف شد
بروز خطا
   [message]
اشتراک در سوال
رای ها
[dataList]

آموزش طراحی در Eclipse ( کار با Layout ها و صفحه نمایش های مختلف)

SaLaH KuRD  10 سال پیش  10 سال پیش
+30 0

 

معرفی ابزار های مخصوص طراحی در Eclipse
 
 
ابزار های موجود در قسمت Form Widgets

ابزار های موجود در قسمت Form Widgets ساده هستد و نیازی به توضیح ندارند !

 

ابزار های موجود در قسمت Image @ Media

ImageView : برای گذاشتن عکس توی صفحه ازش استفاده میشه مثل ( دکمه ، ذره بینِ جستجو و .... )

ImageButton : می تونید دکمه ای به پروژتون اضافه کنید که داخلش یه عکس باشه !

به بقیه گزینه ها کاری نداریم !

 

کار با Layout ها

LinearLayout یا طرح بندی خطی : این نوع طرح بندی که بسیار مورد استفاده قرار می گیرد در دو حالت Horizontal (افقی) و Vertical (عمودی) وجود دارد.

RelativeLayout یا طرح بندی نسبی : در این طرح بندی شما آزاد هستید که با Drag and Drop عناصر مورد نظر خود را به راحتی به هر جای صفحه ببرید ! و یا دو عنصر را بر روی دیگر قرار دهید ! این طرح بندی دقیقا مانند Position : Absolute در Css می ماند ! هر چند که در Linear Layout هم می توان توسط Margin ها عناصر را به اجزای مختلف صفحه انتقال داد اما در Relative Layout این کار آسان تر است ... ولی گوگل در developer.android.com استفاده از حالت های Absolute را پیشنهاد نکرده است ! عکس زیر نمونه ای از یک Relative Layout است : 

و خودم شخصا تجربه استفاده ازFragment ها رو ندارم اما برای استفاده از اونا باید API 11 رو نصب کنید ! ولی ما در آموزش ها از Linear Layout ها استفاده می کنیم !

انواع تراکم صفحه نمایش

ldpi : برای صفحه نمایش های با تراکم کم مورد استفاده قرار میگیرد.

mdpi : برای صفحه نمایش های با تراکم متوسط استفاده دارد.

hdpi : برای صفحه نمایش های با تراکم بالا استفاده می شود.

xhdpi : برای صفحه نمایش های با تراکم بسیار استفاده می شود.

nodpi : این پوشه به طور پیشفرض وجود ندارد و اگر می خواهید از آن استفاده کنید بدین صورت به پروژه خود اضافه کنید drawable-nodpiو مستقل از تراکم است ! یعنی آندروید آن را Scale نمی کند و در هر صفحه نمایشی که باشد تغییر نمیدهد و منابع درون آن با همان کیفیت قبلی باقی می مانند.

tvdpi : این پوشه نیز به طور پیشفرض وجود ندارد و اگر می خواهید از آن استفاده کنید خودتان آنرا بدین صورت به پروژه اضافه کنید drawable-tvdpi و همانطور که از اسمش پیداست برای تلویزیون در نظر گرفته شده است.

 

معرفی انواع پوشه Layout !

در آندروید به طور پیشفرض فقط یک پوشه Layout قرار دارد ! اما ما می توانیم برای کنترل بیشتر منابع گرافیکی چندین پوشه Layout به پروژه خود اضافه کنیم که خودم هم از این روش استفاده می کنم !

layout : پوشه پیشفرض که برای تمامی صفحه نمایش ها مورد استفاده قرار می گیرد.

layout-small : برای صفحه نمایش های کوچک مورد استفاده قرار میگیرد.

layout-large : از آن در صفحه نمایش های بزرگ استفاده می شود.

layout-xlarge : برای صفحه نمایش های بسیار بزرگ از آن استفاده می شود.

خوب با استفاده از ساختن پوشه های بالا در پروژه خود و تعریف فایل Xml برای هر کدام می توانید اطمینان کامل پیدا کنید که طرح گرافیکی شما در تمامی صفحه نمایش ها به درستی و با کیفیت بالا نمایش داده می شود ، اما برای تعریف حالت Lansapce چه پوشه ای وجود دارد ؟

فرض کنید که من می خواهم در تبلت وقتی کاربر تبلت را به حالت Landscape چرخاند فایل Xml مورد نظر نمایش داده شود ! پس پوشه ای جدید به اسم layout-xlarge-land رو ایجاد می کنم ! و یا برای صفحه نماش های کوچک تر در حالت Landscape پوشه ای به اسم layout-small-land رو ایجاد می کنم !

پس با تعریف پوشه های بالا در پروژه خود و کنترل دقیق منابع گرافیکی در صفحه نمایش های مختلف مطمئن می شویم که برنامه ما در تمامی دستگاه ها به خوبی و با کیفیت بالا نشان داده می شود !

و در پروژه های بعدی به صورت عملی یک برنامه را که قبلا در فتوشاپ طراحی کردیم به محیط Eclipse وارد می کنیم و آن را برای نمایش با کیفیت بالا در تمامی دستگاه ها آماده می کنیم !

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

 

 

 
 
0 0
صلاح اگه نصفه کاره رها نشه میتونه خیلی مفید باشه امیدوارم که اینطور باشه . یعد یه پروژه نباشه ها ! چند تا پروژه پر فوت و فن . (10 سال پیش)
+2 0
بله همین الان در حال آماده سازی مطلب بعدی هستم که آموزش طراحی یه برنامه ساده در Eclipse هستش ! (10 سال پیش)
0 0
انشاالله این تایپیکم مثل تایپیک فتوشاپ خوب و مفید باشه. اقا صلاح دستتون درد نکنه. (10 سال پیش)
0 0
مفید بود میگم در این مورد اطلاعاتی دری؟اگه داری در پاسخ درج کن ممنونhttp://answers.uncocoder.com/question/3533 (10 سال پیش)
0 0
خواهش می کنم ! توی همین مطلب در موردش توضیح داده شده . (10 سال پیش)
0 0
صلاح جان همین الان تو طراحی گیر کرده بودم خوب شد به دادم رسیدی ! حالا این همه پوشه لازمه !!! (10 سال پیش)
0 0
سلام علی جان گذاشتن همه پوشه ها لازم نیست ! شما وقتی با پوشه های پیشفرض به نتیجه مطلوبی نرسیدید می تونید از این پوشه ها استفاده کنید تا کنترل بیشتری روی طرحتون در تمامی سایز ها داشته باشید :) ولی من در پروژه هام از همه ی پوشه ها استفاده می کنم تا مطمئن بشم در تمامی موبایل ها و تبلت ها به درستی نشون داده میشه ! موفق باشید. (10 سال پیش)
0 0
برای من چیزی نشون نمیده فقط متن اون عکس ها که بودن الان نیستن (10 سال پیش)
0 0
سلام دوست عزیز متوجه نشدم ، چی رو نشون نمیده ؟ (10 سال پیش)
0 0
همون عکس گل و گیاه که پس زمینه بود با چند تا دگمه اون را نوشن نمیده (10 سال پیش)
0 0
استاد تایپیک رو تکه تکه کردن و مطلبی که شما می فرمایید در اینجا قرار داره لینک (10 سال پیش)
 برای این سوال 1 پاسخ وجود دارد.
پاسخ به سوال 
jamal2012  10 سال پیش
0 0

و در پروژه های بعدی به صورت عملی یک برنامه را که قبلا در فتوشاپ طراحی کردیم به محیط Eclipse وارد می کنیم و آن را برای نمایش با کیفیت بالا در تمامی دستگاه ها آماده می کنیم ! معنی این خط چیه یعنی این طرح رو به صورت بک گراند تو فتوشاپ وارد میکونیم بعد رو طرحی که وارد کردیم برنامه رو تکمیل میکونیم اره .

0 0
up (10 سال پیش)

پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .