SlideShare ist ein Scribd-Unternehmen logo
1 von 49
‫الگوها‬
‫اندروید‬ ‫در‬
‫چی‬ ‫عینک‬ ‫نوید‬
‫الگو‬Pattern
‫کنی‬ ‫طراحی‬ ‫یکپارچه‬ ‫و‬ ‫بینی‬ ‫پیش‬ ‫قابل‬ ‫عملکرد‬ ‫با‬ ‫کاربردهایی‬‫د‬
‫اندروید‬ ‫در‬ ‫جدید‬ ‫امکانات‬
•Jelly Bean - Android 4.1
–Notifications
–Resizable Application Widgets
–Accessibility
•Ice Cream Sandwich - Android 4.0
–Navigation bar
–Action bar
–Multi-pane layouts
–Selection
Jelly Bean - Android 4.1
•Notifications
–‫دهند‬ ‫انجام‬ ‫عمل‬ ‫بالفاصله‬ ‫اعالنات‬ ‫روی‬ ‫توانند‬ ‫می‬ ‫کاربران‬.
–‫اند‬ ‫شده‬ ‫تر‬ ‫منعطف‬ ‫بندی‬ ‫طرح‬ ‫و‬ ‫سایز‬ ‫در‬ ‫اعالنات‬.
–‫کند‬ ‫می‬ ‫کمک‬ ‫اعالنات‬ ‫اهمیت‬ ‫به‬ ‫اولویت‬ ‫پرچم‬.
–‫شوند‬ ‫بسته‬ ‫و‬ ‫باز‬ ‫توانند‬ ‫می‬ ‫اعالنات‬.
Jelly Bean - Android 4.1
•‫اندازه‬ ‫تغییر‬ ‫قابل‬ ‫با‬ ‫ویدجتها‬
–‫هستند‬ ‫خانه‬ ‫صفحه‬ ‫از‬ ‫مهمی‬ ‫جنبه‬ ‫ویدجتها‬.
–‫دهند‬ ‫می‬ ‫کاربرد‬ ‫مهم‬ ‫های‬ ‫داده‬ ‫و‬ ‫عملکردها‬ ‫به‬ ‫خالصه‬ ‫نگاه‬ ‫اجازه‬
–‫اندروید‬4.1‫می‬ ‫تنظیم‬ ‫زیر‬ ‫فاکتورهای‬ ‫به‬ ‫بسته‬ ‫را‬ ‫ویدجتها‬‫کند‬:
•‫است؟‬ ‫انداخته‬ ‫کجا‬ ‫را‬ ‫آنها‬ ‫کابر‬
•‫است؟‬ ‫کرده‬ ‫بزرگ‬ ‫را‬ ‫آنها‬ ‫کاربر‬ ‫چقدر‬
•‫است؟‬ ‫موجود‬ ‫خانه‬ ‫صفحه‬ ‫در‬ ‫جا‬ ‫چقدر‬
–‫حالتهای‬ ‫برای‬ ‫ویدجت‬ ‫از‬ ‫طرح‬ ‫دو‬ ‫توان‬ ‫می‬
–landscape‫و‬portrait‫کرد‬ ‫طراحی‬.
Jelly Bean - Android 4.1
•‫پذیری‬ ‫دسترسی‬
–‫قرار‬ ‫دردسترس‬ ‫و‬ ‫جهانی‬ ‫اطالعات‬ ‫ساماندهی‬ ‫اندروید‬ ‫ماموریتهای‬ ‫از‬
‫باشد‬ ‫می‬ ‫جهانی‬ ‫صورت‬ ‫به‬ ‫آنها‬ ‫دادن‬.‫کسانی‬ ‫حتی‬ ‫کاربران‬ ‫تمام‬‫که‬:
•‫دارند‬ ‫عضو‬ ‫نقص‬
•‫دارند‬ ‫کوررنگی‬
•‫دارند‬ ‫ضعیفی‬ ‫شنوایی‬
•‫دارند‬ ‫حرکتی‬ ‫محدودیت‬.
Ice Cream Sandwich - Android 4.0
•‫ناوبری‬ ‫میله‬
–‫میل‬ ‫جایگزینی‬ ‫با‬ ‫را‬ ‫افزاری‬ ‫سخت‬ ‫سنتی‬ ‫های‬ ‫دکمه‬ ‫برای‬ ‫نیاز‬‫ناوبری‬ ‫ه‬
‫است‬ ‫برده‬ ‫بین‬ ‫از‬ ‫مجازی‬.
–‫های‬ ‫دکمه‬ ‫شامل‬ ‫میله‬ ‫این‬
•Back
•Home
•Recent
Ice Cream Sandwich - Android 4.0
•‫عمل‬ ‫میله‬
–‫اندروید‬ ‫کاربرد‬ ‫ساختاری‬ ‫عنصر‬ ‫مهمترین‬
–‫فرم‬ ‫پلت‬ ‫کل‬ ‫در‬ ‫یکپارچه‬ ‫ناوبری‬ ‫کردن‬ ‫فراهم‬
–‫کاربرد‬ ‫عملکردهای‬ ‫نمایش‬ ‫امکان‬ ‫کردن‬ ‫فراهم‬
Ice Cream Sandwich - Android 4.0
•‫ای‬ ‫تکه‬ ‫چند‬ ‫بندی‬ ‫طرح‬
–‫مق‬ ‫مختلف‬ ‫نمایشهای‬ ‫صفحه‬ ‫در‬ ‫بخوبی‬ ‫که‬ ‫کاربردهایی‬ ‫ایجاد‬‫شوند‬ ‫ایس‬
–‫مختل‬ ‫های‬ ‫اکتیویتی‬ ‫که‬ ‫دهد‬ ‫می‬ ‫اجازه‬ ‫ای‬ ‫تکه‬ ‫چند‬ ‫بندی‬ ‫طرح‬‫که‬ ‫فی‬
‫تب‬ ‫در‬ ‫شوند‬ ‫می‬ ‫داده‬ ‫نمایش‬ ‫مجزا‬ ‫بصورت‬ ‫کوچک‬ ‫دستگاههای‬ ‫در‬‫لتها‬
‫شوند‬ ‫داده‬ ‫نمایش‬ ‫ترکیبی‬ ‫صورت‬ ‫به‬.
Ice Cream Sandwich - Android 4.0
•‫انتخاب‬
.1‫حرکت‬«long press»‫یک‬ ‫محتوایی‬ ‫اعمال‬ ‫نمایش‬ ‫برای‬ ‫قبال‬ ‫که‬
‫شود‬ ‫می‬ ‫استفاده‬ ‫ها‬ ‫داده‬ ‫انتخاب‬ ‫برای‬ ‫حاال‬ ‫رفت‬ ‫می‬ ‫بکار‬ ‫شی‬.
.2‫که‬ ‫دهد‬ ‫می‬ ‫اجازه‬ ‫بشما‬ ‫عمل‬ ‫میله‬ ،‫شود‬ ‫می‬ ‫انتخاب‬ ‫داده‬ ‫وقتی‬
‫نمایید‬ ‫مشاهده‬ ‫را‬ ‫متناظر‬ ‫عملکردهای‬.
‫اندروید‬ ‫در‬ ‫حرکات‬
•‫دهد‬ ‫می‬ ‫را‬ ‫کاربرد‬ ‫با‬ ‫کاربر‬ ‫تعامل‬ ‫اجازه‬ ‫حرکات‬.
•‫ان‬ ‫گرفته‬ ‫قرار‬ ‫صفحه‬ ‫در‬ ‫که‬ ‫اشیایی‬ ‫دستکاری‬ ‫طریق‬ ‫از‬‫د‬
•‫شوند‬ ‫می‬ ‫پشتیبانی‬ ‫اندروید‬ ‫در‬ ‫که‬ ‫حرکات‬ ‫مهمترین‬:
‫لمس‬
•‫شی‬ ‫یک‬ ‫برای‬ ‫فرض‬ ‫پیش‬ ‫عملکرد‬
•‫عمل‬
–‫فشردن‬
–‫رهاکردن‬
‫طوالنی‬ ‫فشردن‬
•‫انتخاب‬ ‫حالت‬ ‫به‬ ‫شدن‬ ‫وارد‬
•‫کاری‬ ‫عمل‬ ‫میله‬ ‫در‬ ‫و‬ ‫انتخاب‬ ‫را‬ ‫آیتم‬ ‫چند‬ ‫یا‬ ‫یک‬ ‫دهد‬ ‫می‬ ‫اجازه‬
‫نمایید‬ ‫انتخاب‬ ‫را‬ ‫دارید‬ ‫نیاز‬ ‫که‬.
•‫عمل‬
–‫فشردن‬
–‫داشتن‬ ‫نگه‬
–‫رهاکردن‬
‫کشیدن‬
•‫محتوا‬ ‫کردن‬ ‫اسکرول‬
•‫صفحات‬ ‫بین‬ ‫ناوبری‬(‫زدن‬ ‫ورق‬)
•‫عمل‬
–‫فشردن‬
–‫دادن‬ ‫حرکت‬
–‫رهاکردن‬
drag
•‫نمایش‬ ‫صفحه‬ ‫در‬ ‫ها‬ ‫داده‬ ‫بازچینش‬
•‫صفحه‬ ‫در‬ ‫ها‬ ‫داده‬ ‫دادن‬ ‫حرکت‬
•‫عمل‬
–‫طوالنی‬ ‫فشردن‬
–‫حرکت‬
–‫رهاکردن‬
‫لمس‬ ‫دوباره‬
•‫محتوا‬ ‫روی‬ ‫بزرگنمایی‬ ‫و‬ ‫تمرکز‬
•‫متن‬ ‫انتخاب‬
•‫عمل‬
–‫پیاپی‬ ‫لمس‬ ‫دوبار‬
Pinch Open
•‫محتوا‬ ‫بزرگنمایی‬
•‫عمل‬
–‫انگشتی‬ ‫دو‬ ‫فشردن‬
–‫حرکت‬‫دورشدن‬ ‫بصورت‬‫انگشتان‬
–‫رهاکردن‬
Pinch Close
•‫محتوا‬ ‫نمایی‬ ‫کوچک‬
•‫عمل‬
–‫انگشتی‬ ‫دو‬ ‫فشردن‬
–‫انگشتان‬ ‫کردن‬ ‫نزدیک‬ ‫بصورت‬ ‫حرکت‬
–‫رهاکردن‬
‫کاربرد‬ ‫ساختار‬
•‫شوند‬ ‫می‬ ‫تعریف‬ ‫کاربردها‬ ‫اقسام‬ ‫و‬ ‫انواع‬
–‫نمایش‬ ‫صفحه‬ ‫یک‬ ‫در‬ ‫اکتیویتی‬ ‫یک‬ ‫دارای‬
•‫حساب‬ ‫ماشین‬
•‫دوربین‬
–‫شود‬ ‫می‬ ‫سوییچ‬ ‫آنها‬ ‫بین‬ ‫که‬ ‫اکتیویتی‬ ‫چند‬ ‫دارای‬
–‫سویی‬ ‫آنها‬ ‫بین‬ ‫باید‬ ‫که‬ ‫مختلف‬ ‫اکتیویتیهای‬ ‫و‬ ‫ها‬ ‫داده‬ ‫دارای‬‫کرد‬ ‫چ‬
•‫عملکردهاییک‬ ‫و‬ ‫محتوا‬ ‫به‬ ‫است‬ ‫وابسته‬ ‫کاربرد‬ ‫ساختار‬‫اختیار‬ ‫در‬ ‫ه‬
‫گیرد‬ ‫می‬ ‫قرار‬ ‫کاربر‬.
‫کلی‬ ‫ساختار‬
Top level views
Category views
Detail/edit view
Top Level
•‫صفحه‬ ‫اولین‬
•‫ویژه‬ ‫توجه‬
•‫سوال‬‫اصلی‬:
–‫من‬ ‫کاربرد‬ ‫با‬ ‫خواهند‬ ‫می‬ ‫خاصی‬ ‫کار‬ ‫چه‬ ‫بیشتر‬ ‫همه‬ ‫از‬ ‫کاربرانم‬‫داشته‬
‫باشند؟‬
‫مطلب‬ ‫اصل‬ ‫سر‬ ‫مستقیم‬
•‫کنید‬ ‫پرهیز‬ ‫ناوبری‬ ‫فقط‬ ‫های‬ ‫صفحه‬ ‫از‬
•‫ببرید‬ ‫مطلب‬ ‫اصل‬ ‫به‬ ‫مستقیم‬ ‫را‬ ‫کاربر‬
•‫دهید‬ ‫قرار‬ ‫اصلی‬ ‫صفحه‬ ‫در‬ ‫را‬ ‫اصلی‬ ‫مفاهیم‬
•‫بندی‬ ‫طرح‬ ‫در‬ ‫معیارها‬
–‫دارید‬ ‫هایی‬ ‫داده‬ ‫چه‬
–‫جذابیت‬
–‫نمایش‬ ‫صفحه‬ ‫اندازه‬
‫هویت‬ ‫ایجاد‬
•‫کاربردتا‬ ‫برای‬ ‫هویت‬ ‫ایجاد‬‫ن‬
•‫کاربرد‬ ‫هویت‬ ‫انتقال‬
–‫ها‬ ‫داده‬ ‫سازماندهی‬ ‫چگونگی‬
–‫ها‬ ‫داده‬ ‫با‬ ‫کاربران‬ ‫تعامل‬ ‫نحوه‬
‫یک‬ ‫بندی‬ ‫طرح‬ ‫خلق‬ ‫برای‬ ‫تالش‬‫تا‬
‫عمل‬ ‫میله‬ ‫اندازی‬ ‫راه‬
•‫مهم‬ ‫عملکردهای‬ ‫نمایش‬
•‫کابرد‬ ‫ناوبری‬
•‫شامل‬ ‫عمل‬ ‫میله‬
–‫برنامه‬ ‫آیکون‬
–‫اگر‬top level‫آن‬ ‫به‬ ‫عمل‬ ‫میله‬ ‫طریق‬ ‫از‬ ‫بتوان‬ ‫دارد‬ ‫متفاوتی‬ ‫صفحات‬‫ها‬
‫داشت‬ ‫دسترسی‬
–‫م‬ ‫بتوان‬ ‫است‬ ‫شده‬ ‫داده‬ ‫کاربر‬ ‫به‬ ‫محتوا‬ ‫کردن‬ ‫اضافه‬ ‫قابلیت‬ ‫اگر‬‫آن‬ ‫به‬ ‫ستقیما‬
‫رفت‬ ‫بخش‬
–‫عمل‬ ‫میله‬ ‫در‬ ‫جستجو‬ ‫مکانیزم‬ ،‫جستجوست‬ ‫قابل‬ ‫ها‬ ‫داده‬ ‫و‬ ‫محتوا‬ ‫اگر‬‫قرار‬
‫شود‬ ‫داده‬
‫در‬ ‫عمل‬ ‫میله‬gmail
‫در‬ ‫کردن‬ ‫سوییچ‬Top Level
•‫اغلب‬Top Level‫است‬ ‫شده‬ ‫تشکیل‬ ‫مختلفی‬ ‫صفحات‬ ‫از‬
•‫ک‬ ‫حرکت‬ ‫آنها‬ ‫بین‬ ‫تواند‬ ‫می‬ ‫براحتی‬ ‫کاربر‬ ‫شوید‬ ‫مطمئن‬‫ند‬
•‫پشتیبانی‬ ‫را‬ ‫کردن‬ ‫سوییچ‬ ‫برای‬ ‫کنترل‬ ‫چند‬ ‫اندروید‬‫کند‬ ‫می‬
–Tab
–Spinner
–Navigation Drawer
Tab
•‫کنارهم‬ ‫بصورت‬ ‫صفحات‬ ‫نمایش‬
•‫سوییچ‬ ‫و‬ ‫کردن‬ ‫مرور‬ ‫برای‬ ‫آسان‬
‫کردن‬
•‫باشند‬ ‫می‬ ‫دیدن‬ ‫قابل‬ ‫همیشه‬
•‫ب‬ ‫داشته‬ ‫خوردن‬ ‫ورق‬ ‫قابلیت‬ ‫باید‬‫اشد‬
•‫استفاده‬ ‫موارد‬
–‫افت‬ ‫می‬ ‫اتفاق‬ ‫زیاد‬ ‫کردن‬ ‫سوییچ‬‫د‬
–‫حداکثر‬3‫کرد‬ ‫سوییچ‬ ‫برای‬ ‫صفحه‬‫ن‬
–‫ب‬ ‫صفحات‬ ‫متوجه‬ ‫باید‬ ‫کاربر‬ ‫اگر‬‫اشد‬
Spinners
•‫اجازه‬ ‫کاربر‬ ‫به‬ ‫که‬ ‫افتادنی‬ ‫لیست‬ ‫یک‬‫سوییچ‬
‫دهد‬ ‫می‬ ‫را‬ ‫صفحات‬ ‫بین‬ ‫کردن‬.
•‫عمل‬ ‫میله‬ ‫در‬ ‫اسپینر‬ ‫از‬ ‫استفاده‬ ‫موارد‬
–‫بدهید‬ ‫دست‬ ‫از‬ ‫را‬ ‫صفحه‬ ‫ارتفاع‬ ‫خواهید‬ ‫نمی‬
–‫یکس‬ ‫یا‬ ‫مشابه‬ ‫های‬ ‫داده‬ ‫صفحات‬ ‫بین‬ ‫کاربر‬‫ان‬
‫کند‬ ‫می‬ ‫سوییچ‬
Navigation drawer
•‫ناوبری‬ ‫کشوی‬
–‫ر‬ ‫صفحات‬ ‫بین‬ ‫کردن‬ ‫سوییچ‬ ‫اجازه‬ ‫که‬ ‫افتادنی‬ ‫بیرون‬ ‫منوی‬‫دهد‬ ‫می‬ ‫ا‬.
–‫باشد‬ ‫داشته‬ ‫خود‬ ‫در‬ ‫آیتم‬ ‫زیادی‬ ‫تعداد‬ ‫تواند‬ ‫می‬
–‫است‬ ‫دسترس‬ ‫قابل‬ ‫برنامه‬ ‫در‬ ‫هرجایی‬ ‫از‬
–‫صفحات‬ ‫بر‬ ‫عالوه‬ ‫تواند‬ ‫می‬top level‫داشته‬ ‫نیز‬ ‫را‬ ‫صفحات‬ ‫دیگر‬
‫باشد‬
Navigation drawer
•‫استفاده‬ ‫موارد‬
–‫بدهید‬ ‫دست‬ ‫از‬ ‫را‬ ‫صفحه‬ ‫طول‬ ‫خواهید‬ ‫نمی‬
–‫دارد‬ ‫وجود‬ ‫صفحه‬ ‫زیادی‬ ‫تعداد‬
–‫غیر‬ ‫صفحات‬ ‫به‬ ‫دسترسی‬ ‫توانایی‬ ‫خواهید‬ ‫می‬top level‫بدهید‬ ‫را‬
–‫ن‬ ‫مرتبط‬ ‫مستقیما‬ ‫هم‬ ‫به‬ ‫که‬ ‫صفحاتی‬ ‫بین‬ ‫ناوبری‬ ‫قابلیت‬‫بدهید‬ ‫را‬ ‫یستند‬
–‫دارد‬ ‫وجود‬ ‫کاربرد‬ ‫ناوبری‬ ‫در‬ ‫عمیق‬ ‫های‬ ‫شاخه‬ ‫زیر‬
Navigation drawer
‫نکنید‬ ‫ترکیب‬
•‫ت‬ ‫را‬ ‫آنها‬ ‫کردید‬ ‫انتخاب‬ ‫را‬ ‫روشها‬ ‫این‬ ‫از‬ ‫یکی‬ ‫اینکه‬ ‫از‬ ‫بعد‬‫رکیب‬
‫نکنید‬!
•‫ک‬ ‫کردن‬ ‫گیج‬ ‫و‬ ‫روش‬ ‫هر‬ ‫در‬ ‫صفحات‬ ‫شدن‬ ‫داده‬ ‫نمایش‬ ‫دوبار‬‫اربر‬
‫جزئیات‬
•‫هاست‬ ‫داده‬ ‫روی‬ ‫کردن‬ ‫عمل‬ ‫برای‬ ‫جزئیات‬ ‫صفحه‬
•‫هاست‬ ‫داده‬ ‫نوع‬ ‫به‬ ‫وابسته‬ ‫جزئیات‬ ‫صفحه‬ ‫بندی‬ ‫طرح‬
•‫شود‬ ‫می‬ ‫متفاوت‬ ‫بسیار‬ ‫کاربرد‬ ‫به‬ ‫کاربرد‬
‫بندی‬ ‫طرح‬
•‫دهد‬ ‫انجام‬ ‫تواند‬ ‫می‬ ‫کاربر‬ ‫کارهای‬ ‫چه‬ ‫اینکه‬ ‫براساس‬
‫حالت‬Lights-out
•‫صفحه‬ ‫تمام‬ ‫کاربردهای‬
•‫عملیات‬ ‫به‬ ‫نیازمند‬ ‫اما‬
•‫عمل‬ ‫میله‬ ‫نمایش‬‫نیاز‬ ‫هنگام‬
–‫دهد‬ ‫انجام‬ ‫عملی‬ ‫کاربر‬ ‫وقتی‬
–‫شدن‬ ‫محو‬ ‫دوباره‬
‫جزئیات‬ ‫صفحه‬ ‫در‬ ‫ناوبری‬
•‫زدن‬ ‫ورق‬ ‫از‬ ‫استفاده‬
‫جزئیات‬ ‫صفحه‬ ‫در‬ ‫ناوبری‬
•‫از‬ ‫استفاده‬thumbnail
‫لیست‬ ‫چک‬
‫کنید‬ ‫پیدا‬ ‫اول‬ ‫صفحه‬ ‫در‬ ‫مفید‬ ‫محتوای‬ ‫نمایش‬ ‫برای‬ ‫راهی‬
‫کنید‬ ‫استفاده‬ ‫یکپارچه‬ ‫ناوبری‬ ‫برای‬ ‫عمل‬ ‫میله‬ ‫از‬
‫میانب‬ ‫و‬ ‫افقی‬ ‫ناوبریهای‬ ‫از‬ ‫استفاده‬ ‫با‬ ‫را‬ ‫مراتب‬ ‫سلسله‬‫تر‬ ‫ساده‬ ‫رها‬
‫کنید‬
‫س‬ ‫زدنی‬ ‫ورق‬ ‫ویوهای‬ ‫از‬ ‫استفاده‬ ‫با‬ ‫را‬ ‫جزئیات‬ ‫بین‬ ‫ناوبری‬‫ریعتر‬
‫کنید‬
‫ب‬ ‫دهید‬ ‫اجازه‬ ‫کاربر‬ ‫به‬ ‫چندگانه‬ ‫انتخاب‬ ‫از‬ ‫گیری‬ ‫بهره‬ ‫با‬‫رروی‬
‫دهد‬ ‫انجام‬ ‫عملیات‬ ‫داده‬ ‫از‬ ‫ای‬ ‫مجموعه‬.
‫ها‬ ‫مجموعه‬
•‫از‬top level‫صفحه‬ ‫به‬‫ها‬ ‫مجموعه‬‫جزئی‬ ‫صفحه‬ ‫به‬ ‫سپس‬ ‫و‬‫ات‬
•‫آسانتر‬ ‫ناوبری‬ ‫ایجاد‬
–‫است‬ ‫نرفته‬ ‫فرو‬ ‫عمق‬ ‫در‬ ‫بیند‬ ‫می‬ ‫را‬ ‫ها‬ ‫داده‬ ‫کاربر‬ ‫حالیکه‬ ‫در‬!
•‫ها‬ ‫داده‬ ‫از‬ ‫متناسب‬ ‫های‬ ‫مجموعه‬ ‫ایجاد‬
•‫ها‬ ‫مجموعه‬ ‫بین‬ ‫ناوبری‬
‫ها‬ ‫مجموعه‬
‫دور‬‫مراتب‬ ‫سلسله‬ ‫زدن‬
•‫میانبرها‬ ‫از‬ ‫استفاده‬
‫اشیا‬ ‫از‬ ‫مجموعه‬ ‫روی‬ ‫اعمال‬
•‫را‬ ‫کاری‬ ‫ها‬ ‫داده‬ ‫از‬ ‫ای‬ ‫مجموعه‬ ‫روی‬ ‫بتواند‬ ‫کاربر‬ ‫دهید‬ ‫اجازه‬
‫دهد‬ ‫انجام‬.
‫لیست‬ ‫چک‬
•‫ک‬ ‫پیدا‬ ‫شروع‬ ‫صفحه‬ ‫در‬ ‫محتویات‬ ‫مفید‬ ‫نمایش‬ ‫برای‬ ‫راهی‬‫نید‬
•‫استفاده‬‫یکپارچه‬ ‫ناوبری‬ ‫کردن‬ ‫فراهم‬ ‫برای‬ ‫عمل‬ ‫میله‬ ‫از‬
•‫افقی‬ ‫اطالعات‬ ‫بر‬ ‫تکیه‬ ‫با‬ ‫برنامه‬ ‫در‬ ‫کم‬ ‫عمق‬
•‫اش‬ ‫از‬ ‫ای‬ ‫مجموعه‬ ‫روی‬ ‫اعمال‬ ‫برای‬ ‫چندگانه‬ ‫انتخاب‬ ‫از‬ ‫استفاده‬‫یا‬
•‫زدن‬ ‫ورق‬ ‫با‬ ‫جزئیات‬ ‫صفحه‬ ‫بین‬ ‫سریع‬ ‫ناوبری‬
‫ناوبری‬
•Back‫برابر‬ ‫در‬Up
•Back
–‫اندروید‬ ‫از‬2.3‫کاربرد‬ ‫داخل‬ ‫ناوبری‬ ‫برای‬
•Up
–‫اندروید‬ ‫از‬3‫شامل‬ ‫عمل‬ ‫میله‬ ‫در‬
•‫فلش‬ ‫و‬ ‫برنامه‬ ‫آیکون‬
Up
•‫کاربرد‬ ‫مراتب‬ ‫سلسله‬ ‫بر‬ ‫مبتنی‬ ‫ناوبری‬
•‫صفحه‬ ‫در‬ ‫اگر‬A‫صفحه‬ ‫به‬ ‫و‬ ‫کنیم‬ ‫انتخاب‬ ‫را‬ ‫موضوعی‬B‫با‬ ‫برویم‬
‫دکمه‬ ‫انتخاب‬Up‫صفحه‬ ‫به‬A‫گردیم‬ ‫برمی‬.
•‫باشیم‬ ‫صفحه‬ ‫باالترین‬ ‫در‬ ‫اگر‬
–Up‫نداریم‬!
Back
•‫گ‬ ‫برمی‬ ‫عقب‬ ‫به‬ ‫صفحات‬ ‫تاریخچه‬ ‫در‬ ‫ترتیبی‬ ‫بصورت‬‫ردد‬.
•‫ب‬ ‫آنها‬ ‫در‬ ‫کاربر‬ ‫که‬ ‫صفحاتی‬ ‫موقتی‬ ‫حافظه‬ ‫به‬ ‫وابسته‬‫است‬ ‫وده‬.
‫عمل‬ ‫میله‬
.1‫کاربرد‬ ‫آیکون‬
.2‫صفحات‬ ‫کنترل‬
•‫نمایش‬ ‫نحوه‬ ‫چندین‬ ‫وجود‬ ‫درصورت‬
.3‫عملیاتها‬ ‫های‬ ‫دکمه‬
.4‫شوند‬ ‫می‬ ‫استفاده‬ ‫کمتر‬ ‫که‬ ‫عملیاتهایی‬ ‫شامل‬
‫عمل‬ ‫های‬ ‫دکمه‬
•‫بگیرد؟‬ ‫قرار‬ ‫بخش‬ ‫این‬ ‫در‬ ‫عملیاتهایی‬ ‫چه‬
•‫مکانیزم‬FIT
– Frequent
–‫شود؟‬ ‫می‬ ‫استفاده‬ ‫زیاد‬ ‫آیا‬
– Important
–‫باشد؟‬ ‫می‬ ‫مهم‬ ‫آیا‬
– Typical
–‫باشد؟‬ ‫می‬ ‫معمول‬ ‫آیا‬
‫افزاری‬ ‫نرم‬ ‫هوشمند‬ ‫های‬ ‫سیستم‬ ‫مجری‬ ‫و‬ ‫مشاور‬
‫همراه‬ ‫تلفن‬ ‫محوریت‬ ‫با‬
+98-5137601101
+98-5137601102
0936-674-3096
info@sanabad-ai.ir
‫نمایید‬ ‫مشورت‬ ‫ما‬ ‫با‬....
www.sanabad-ai.ir

Weitere ähnliche Inhalte

Andere mochten auch

روز بادکنک
روز بادکنک روز بادکنک
روز بادکنک pbasirat
 
(Linux Ubuntu Guide in Persian- Basic)رهنمود سیستم عامل اوبنتو فارسی- محب ال...
 (Linux Ubuntu Guide in Persian- Basic)رهنمود سیستم عامل اوبنتو فارسی- محب ال... (Linux Ubuntu Guide in Persian- Basic)رهنمود سیستم عامل اوبنتو فارسی- محب ال...
(Linux Ubuntu Guide in Persian- Basic)رهنمود سیستم عامل اوبنتو فارسی- محب ال...Muhibullah Aman
 
فرم ثبت نام
فرم ثبت نامفرم ثبت نام
فرم ثبت نامpbasirat
 
The Cookbook for Startup Team Building
The Cookbook for Startup Team BuildingThe Cookbook for Startup Team Building
The Cookbook for Startup Team BuildingNoam Tamari-Wekser
 

Andere mochten auch (8)

Contact 7 juli 2016
Contact 7 juli 2016Contact 7 juli 2016
Contact 7 juli 2016
 
Visitas maio 016
Visitas maio 016Visitas maio 016
Visitas maio 016
 
032. periodontal surgery
032. periodontal surgery032. periodontal surgery
032. periodontal surgery
 
روز بادکنک
روز بادکنک روز بادکنک
روز بادکنک
 
(Linux Ubuntu Guide in Persian- Basic)رهنمود سیستم عامل اوبنتو فارسی- محب ال...
 (Linux Ubuntu Guide in Persian- Basic)رهنمود سیستم عامل اوبنتو فارسی- محب ال... (Linux Ubuntu Guide in Persian- Basic)رهنمود سیستم عامل اوبنتو فارسی- محب ال...
(Linux Ubuntu Guide in Persian- Basic)رهنمود سیستم عامل اوبنتو فارسی- محب ال...
 
فرم ثبت نام
فرم ثبت نامفرم ثبت نام
فرم ثبت نام
 
The Cookbook for Startup Team Building
The Cookbook for Startup Team BuildingThe Cookbook for Startup Team Building
The Cookbook for Startup Team Building
 
Capacitacion gruas
Capacitacion gruasCapacitacion gruas
Capacitacion gruas
 

Ähnlich wie 4 الگوها در اندروید

کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshopکارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin WorkshopEsmail MohammadiPanah
 
introduction to Web 2.0
introduction to Web 2.0 introduction to Web 2.0
introduction to Web 2.0 Hossein sharafi
 
مروری بر فریمورک های CSS
مروری بر فریمورک های CSSمروری بر فریمورک های CSS
مروری بر فریمورک های CSSreza janmohammadi
 
Semantic ui - web front-end framework
Semantic ui - web front-end frameworkSemantic ui - web front-end framework
Semantic ui - web front-end frameworkOmid Khosrojerdi
 
نصب تضمینی اپلیکیشن
نصب تضمینی اپلیکیشننصب تضمینی اپلیکیشن
نصب تضمینی اپلیکیشنfaratehran
 
استاندارد های استفاده شده در طراحی سایت
استاندارد های استفاده شده در طراحی سایتاستاندارد های استفاده شده در طراحی سایت
استاندارد های استفاده شده در طراحی سایتگروه زوم تک
 
طرح درس بسته 3 جلد 1 سال 94
طرح درس بسته 3 جلد 1 سال 94طرح درس بسته 3 جلد 1 سال 94
طرح درس بسته 3 جلد 1 سال 94pani ansari
 
طرح درس بسته 3 جلد 1 سال 94
طرح درس بسته 3 جلد 1 سال 94طرح درس بسته 3 جلد 1 سال 94
طرح درس بسته 3 جلد 1 سال 94pani ansari
 
Role of Responsive Design in Web Application Development.pdf
Role of Responsive Design in Web Application Development.pdfRole of Responsive Design in Web Application Development.pdf
Role of Responsive Design in Web Application Development.pdfMohammad Omid Khairandish
 
Digital Publisher
Digital PublisherDigital Publisher
Digital PublisherShad Far
 

Ähnlich wie 4 الگوها در اندروید (20)

کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshopکارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
کارگاه آموزش مقدماتی طراحی واسط و تجربه کاربری UI/UX Desgin Workshop
 
introduction to Web 2.0
introduction to Web 2.0 introduction to Web 2.0
introduction to Web 2.0
 
مروری بر فریمورک های CSS
مروری بر فریمورک های CSSمروری بر فریمورک های CSS
مروری بر فریمورک های CSS
 
Semantic ui - web front-end framework
Semantic ui - web front-end frameworkSemantic ui - web front-end framework
Semantic ui - web front-end framework
 
Pg autoscaling in ceph
Pg autoscaling in  cephPg autoscaling in  ceph
Pg autoscaling in ceph
 
Rbdmap ceph realease 0.2
Rbdmap ceph realease 0.2Rbdmap ceph realease 0.2
Rbdmap ceph realease 0.2
 
نصب تضمینی اپلیکیشن
نصب تضمینی اپلیکیشننصب تضمینی اپلیکیشن
نصب تضمینی اپلیکیشن
 
Joomla
JoomlaJoomla
Joomla
 
how enable ceph dashboard
how enable  ceph dashboardhow enable  ceph dashboard
how enable ceph dashboard
 
cloud services for libraries
cloud services for librariescloud services for libraries
cloud services for libraries
 
استاندارد های استفاده شده در طراحی سایت
استاندارد های استفاده شده در طراحی سایتاستاندارد های استفاده شده در طراحی سایت
استاندارد های استفاده شده در طراحی سایت
 
rbdmap in ceph
rbdmap in ceph rbdmap in ceph
rbdmap in ceph
 
About Comp Cms
About Comp CmsAbout Comp Cms
About Comp Cms
 
طرح درس بسته 3 جلد 1 سال 94
طرح درس بسته 3 جلد 1 سال 94طرح درس بسته 3 جلد 1 سال 94
طرح درس بسته 3 جلد 1 سال 94
 
طرح درس بسته 3 جلد 1 سال 94
طرح درس بسته 3 جلد 1 سال 94طرح درس بسته 3 جلد 1 سال 94
طرح درس بسته 3 جلد 1 سال 94
 
News
NewsNews
News
 
how upgrade ceph
how upgrade cephhow upgrade ceph
how upgrade ceph
 
Role of Responsive Design in Web Application Development.pdf
Role of Responsive Design in Web Application Development.pdfRole of Responsive Design in Web Application Development.pdf
Role of Responsive Design in Web Application Development.pdf
 
Digital Publisher
Digital PublisherDigital Publisher
Digital Publisher
 
Introduction to SOA
Introduction to SOAIntroduction to SOA
Introduction to SOA
 

Mehr von Navid Einakchi

5 عناصر در اندروید
5  عناصر در اندروید5  عناصر در اندروید
5 عناصر در اندرویدNavid Einakchi
 
برنامه سازی شبکه: برنامه نویسی سوکت در سی شارپ
برنامه سازی شبکه: برنامه نویسی سوکت در سی شارپبرنامه سازی شبکه: برنامه نویسی سوکت در سی شارپ
برنامه سازی شبکه: برنامه نویسی سوکت در سی شارپNavid Einakchi
 
برنامه سازی شبکه: مقدمه شبکه
برنامه سازی شبکه: مقدمه شبکه برنامه سازی شبکه: مقدمه شبکه
برنامه سازی شبکه: مقدمه شبکه Navid Einakchi
 
برنامه سازی شبکه: زیربنای برنامه نویسی شبکه
برنامه سازی شبکه: زیربنای برنامه نویسی شبکهبرنامه سازی شبکه: زیربنای برنامه نویسی شبکه
برنامه سازی شبکه: زیربنای برنامه نویسی شبکهNavid Einakchi
 
مهندسی اینترنت فصل 4 لایه شبکه
مهندسی اینترنت فصل 4 لایه شبکهمهندسی اینترنت فصل 4 لایه شبکه
مهندسی اینترنت فصل 4 لایه شبکهNavid Einakchi
 
درس مهنسی اینترنت فصل 5 لایه انتقال
درس مهنسی اینترنت فصل 5 لایه انتقالدرس مهنسی اینترنت فصل 5 لایه انتقال
درس مهنسی اینترنت فصل 5 لایه انتقالNavid Einakchi
 
درس مهنسی اینترنت فصل 3 لایه اتصال داده
درس مهنسی اینترنت فصل 3 لایه اتصال دادهدرس مهنسی اینترنت فصل 3 لایه اتصال داده
درس مهنسی اینترنت فصل 3 لایه اتصال دادهNavid Einakchi
 
درس مهنسی اینترنت جلسه 2 لایه فیزیکی
درس مهنسی اینترنت جلسه 2 لایه فیزیکیدرس مهنسی اینترنت جلسه 2 لایه فیزیکی
درس مهنسی اینترنت جلسه 2 لایه فیزیکیNavid Einakchi
 
1 اصول طراحی رابط کاربری در اندروید
1  اصول طراحی رابط کاربری در اندروید1  اصول طراحی رابط کاربری در اندروید
1 اصول طراحی رابط کاربری در اندرویدNavid Einakchi
 

Mehr von Navid Einakchi (9)

5 عناصر در اندروید
5  عناصر در اندروید5  عناصر در اندروید
5 عناصر در اندروید
 
برنامه سازی شبکه: برنامه نویسی سوکت در سی شارپ
برنامه سازی شبکه: برنامه نویسی سوکت در سی شارپبرنامه سازی شبکه: برنامه نویسی سوکت در سی شارپ
برنامه سازی شبکه: برنامه نویسی سوکت در سی شارپ
 
برنامه سازی شبکه: مقدمه شبکه
برنامه سازی شبکه: مقدمه شبکه برنامه سازی شبکه: مقدمه شبکه
برنامه سازی شبکه: مقدمه شبکه
 
برنامه سازی شبکه: زیربنای برنامه نویسی شبکه
برنامه سازی شبکه: زیربنای برنامه نویسی شبکهبرنامه سازی شبکه: زیربنای برنامه نویسی شبکه
برنامه سازی شبکه: زیربنای برنامه نویسی شبکه
 
مهندسی اینترنت فصل 4 لایه شبکه
مهندسی اینترنت فصل 4 لایه شبکهمهندسی اینترنت فصل 4 لایه شبکه
مهندسی اینترنت فصل 4 لایه شبکه
 
درس مهنسی اینترنت فصل 5 لایه انتقال
درس مهنسی اینترنت فصل 5 لایه انتقالدرس مهنسی اینترنت فصل 5 لایه انتقال
درس مهنسی اینترنت فصل 5 لایه انتقال
 
درس مهنسی اینترنت فصل 3 لایه اتصال داده
درس مهنسی اینترنت فصل 3 لایه اتصال دادهدرس مهنسی اینترنت فصل 3 لایه اتصال داده
درس مهنسی اینترنت فصل 3 لایه اتصال داده
 
درس مهنسی اینترنت جلسه 2 لایه فیزیکی
درس مهنسی اینترنت جلسه 2 لایه فیزیکیدرس مهنسی اینترنت جلسه 2 لایه فیزیکی
درس مهنسی اینترنت جلسه 2 لایه فیزیکی
 
1 اصول طراحی رابط کاربری در اندروید
1  اصول طراحی رابط کاربری در اندروید1  اصول طراحی رابط کاربری در اندروید
1 اصول طراحی رابط کاربری در اندروید
 

4 الگوها در اندروید

  • 2. ‫الگو‬Pattern ‫کنی‬ ‫طراحی‬ ‫یکپارچه‬ ‫و‬ ‫بینی‬ ‫پیش‬ ‫قابل‬ ‫عملکرد‬ ‫با‬ ‫کاربردهایی‬‫د‬
  • 3. ‫اندروید‬ ‫در‬ ‫جدید‬ ‫امکانات‬ •Jelly Bean - Android 4.1 –Notifications –Resizable Application Widgets –Accessibility •Ice Cream Sandwich - Android 4.0 –Navigation bar –Action bar –Multi-pane layouts –Selection
  • 4. Jelly Bean - Android 4.1 •Notifications –‫دهند‬ ‫انجام‬ ‫عمل‬ ‫بالفاصله‬ ‫اعالنات‬ ‫روی‬ ‫توانند‬ ‫می‬ ‫کاربران‬. –‫اند‬ ‫شده‬ ‫تر‬ ‫منعطف‬ ‫بندی‬ ‫طرح‬ ‫و‬ ‫سایز‬ ‫در‬ ‫اعالنات‬. –‫کند‬ ‫می‬ ‫کمک‬ ‫اعالنات‬ ‫اهمیت‬ ‫به‬ ‫اولویت‬ ‫پرچم‬. –‫شوند‬ ‫بسته‬ ‫و‬ ‫باز‬ ‫توانند‬ ‫می‬ ‫اعالنات‬.
  • 5. Jelly Bean - Android 4.1 •‫اندازه‬ ‫تغییر‬ ‫قابل‬ ‫با‬ ‫ویدجتها‬ –‫هستند‬ ‫خانه‬ ‫صفحه‬ ‫از‬ ‫مهمی‬ ‫جنبه‬ ‫ویدجتها‬. –‫دهند‬ ‫می‬ ‫کاربرد‬ ‫مهم‬ ‫های‬ ‫داده‬ ‫و‬ ‫عملکردها‬ ‫به‬ ‫خالصه‬ ‫نگاه‬ ‫اجازه‬ –‫اندروید‬4.1‫می‬ ‫تنظیم‬ ‫زیر‬ ‫فاکتورهای‬ ‫به‬ ‫بسته‬ ‫را‬ ‫ویدجتها‬‫کند‬: •‫است؟‬ ‫انداخته‬ ‫کجا‬ ‫را‬ ‫آنها‬ ‫کابر‬ •‫است؟‬ ‫کرده‬ ‫بزرگ‬ ‫را‬ ‫آنها‬ ‫کاربر‬ ‫چقدر‬ •‫است؟‬ ‫موجود‬ ‫خانه‬ ‫صفحه‬ ‫در‬ ‫جا‬ ‫چقدر‬ –‫حالتهای‬ ‫برای‬ ‫ویدجت‬ ‫از‬ ‫طرح‬ ‫دو‬ ‫توان‬ ‫می‬ –landscape‫و‬portrait‫کرد‬ ‫طراحی‬.
  • 6. Jelly Bean - Android 4.1 •‫پذیری‬ ‫دسترسی‬ –‫قرار‬ ‫دردسترس‬ ‫و‬ ‫جهانی‬ ‫اطالعات‬ ‫ساماندهی‬ ‫اندروید‬ ‫ماموریتهای‬ ‫از‬ ‫باشد‬ ‫می‬ ‫جهانی‬ ‫صورت‬ ‫به‬ ‫آنها‬ ‫دادن‬.‫کسانی‬ ‫حتی‬ ‫کاربران‬ ‫تمام‬‫که‬: •‫دارند‬ ‫عضو‬ ‫نقص‬ •‫دارند‬ ‫کوررنگی‬ •‫دارند‬ ‫ضعیفی‬ ‫شنوایی‬ •‫دارند‬ ‫حرکتی‬ ‫محدودیت‬.
  • 7. Ice Cream Sandwich - Android 4.0 •‫ناوبری‬ ‫میله‬ –‫میل‬ ‫جایگزینی‬ ‫با‬ ‫را‬ ‫افزاری‬ ‫سخت‬ ‫سنتی‬ ‫های‬ ‫دکمه‬ ‫برای‬ ‫نیاز‬‫ناوبری‬ ‫ه‬ ‫است‬ ‫برده‬ ‫بین‬ ‫از‬ ‫مجازی‬. –‫های‬ ‫دکمه‬ ‫شامل‬ ‫میله‬ ‫این‬ •Back •Home •Recent
  • 8. Ice Cream Sandwich - Android 4.0 •‫عمل‬ ‫میله‬ –‫اندروید‬ ‫کاربرد‬ ‫ساختاری‬ ‫عنصر‬ ‫مهمترین‬ –‫فرم‬ ‫پلت‬ ‫کل‬ ‫در‬ ‫یکپارچه‬ ‫ناوبری‬ ‫کردن‬ ‫فراهم‬ –‫کاربرد‬ ‫عملکردهای‬ ‫نمایش‬ ‫امکان‬ ‫کردن‬ ‫فراهم‬
  • 9. Ice Cream Sandwich - Android 4.0 •‫ای‬ ‫تکه‬ ‫چند‬ ‫بندی‬ ‫طرح‬ –‫مق‬ ‫مختلف‬ ‫نمایشهای‬ ‫صفحه‬ ‫در‬ ‫بخوبی‬ ‫که‬ ‫کاربردهایی‬ ‫ایجاد‬‫شوند‬ ‫ایس‬ –‫مختل‬ ‫های‬ ‫اکتیویتی‬ ‫که‬ ‫دهد‬ ‫می‬ ‫اجازه‬ ‫ای‬ ‫تکه‬ ‫چند‬ ‫بندی‬ ‫طرح‬‫که‬ ‫فی‬ ‫تب‬ ‫در‬ ‫شوند‬ ‫می‬ ‫داده‬ ‫نمایش‬ ‫مجزا‬ ‫بصورت‬ ‫کوچک‬ ‫دستگاههای‬ ‫در‬‫لتها‬ ‫شوند‬ ‫داده‬ ‫نمایش‬ ‫ترکیبی‬ ‫صورت‬ ‫به‬.
  • 10. Ice Cream Sandwich - Android 4.0 •‫انتخاب‬ .1‫حرکت‬«long press»‫یک‬ ‫محتوایی‬ ‫اعمال‬ ‫نمایش‬ ‫برای‬ ‫قبال‬ ‫که‬ ‫شود‬ ‫می‬ ‫استفاده‬ ‫ها‬ ‫داده‬ ‫انتخاب‬ ‫برای‬ ‫حاال‬ ‫رفت‬ ‫می‬ ‫بکار‬ ‫شی‬. .2‫که‬ ‫دهد‬ ‫می‬ ‫اجازه‬ ‫بشما‬ ‫عمل‬ ‫میله‬ ،‫شود‬ ‫می‬ ‫انتخاب‬ ‫داده‬ ‫وقتی‬ ‫نمایید‬ ‫مشاهده‬ ‫را‬ ‫متناظر‬ ‫عملکردهای‬.
  • 11. ‫اندروید‬ ‫در‬ ‫حرکات‬ •‫دهد‬ ‫می‬ ‫را‬ ‫کاربرد‬ ‫با‬ ‫کاربر‬ ‫تعامل‬ ‫اجازه‬ ‫حرکات‬. •‫ان‬ ‫گرفته‬ ‫قرار‬ ‫صفحه‬ ‫در‬ ‫که‬ ‫اشیایی‬ ‫دستکاری‬ ‫طریق‬ ‫از‬‫د‬ •‫شوند‬ ‫می‬ ‫پشتیبانی‬ ‫اندروید‬ ‫در‬ ‫که‬ ‫حرکات‬ ‫مهمترین‬:
  • 12. ‫لمس‬ •‫شی‬ ‫یک‬ ‫برای‬ ‫فرض‬ ‫پیش‬ ‫عملکرد‬ •‫عمل‬ –‫فشردن‬ –‫رهاکردن‬
  • 13. ‫طوالنی‬ ‫فشردن‬ •‫انتخاب‬ ‫حالت‬ ‫به‬ ‫شدن‬ ‫وارد‬ •‫کاری‬ ‫عمل‬ ‫میله‬ ‫در‬ ‫و‬ ‫انتخاب‬ ‫را‬ ‫آیتم‬ ‫چند‬ ‫یا‬ ‫یک‬ ‫دهد‬ ‫می‬ ‫اجازه‬ ‫نمایید‬ ‫انتخاب‬ ‫را‬ ‫دارید‬ ‫نیاز‬ ‫که‬. •‫عمل‬ –‫فشردن‬ –‫داشتن‬ ‫نگه‬ –‫رهاکردن‬
  • 14. ‫کشیدن‬ •‫محتوا‬ ‫کردن‬ ‫اسکرول‬ •‫صفحات‬ ‫بین‬ ‫ناوبری‬(‫زدن‬ ‫ورق‬) •‫عمل‬ –‫فشردن‬ –‫دادن‬ ‫حرکت‬ –‫رهاکردن‬
  • 15. drag •‫نمایش‬ ‫صفحه‬ ‫در‬ ‫ها‬ ‫داده‬ ‫بازچینش‬ •‫صفحه‬ ‫در‬ ‫ها‬ ‫داده‬ ‫دادن‬ ‫حرکت‬ •‫عمل‬ –‫طوالنی‬ ‫فشردن‬ –‫حرکت‬ –‫رهاکردن‬
  • 16. ‫لمس‬ ‫دوباره‬ •‫محتوا‬ ‫روی‬ ‫بزرگنمایی‬ ‫و‬ ‫تمرکز‬ •‫متن‬ ‫انتخاب‬ •‫عمل‬ –‫پیاپی‬ ‫لمس‬ ‫دوبار‬
  • 17. Pinch Open •‫محتوا‬ ‫بزرگنمایی‬ •‫عمل‬ –‫انگشتی‬ ‫دو‬ ‫فشردن‬ –‫حرکت‬‫دورشدن‬ ‫بصورت‬‫انگشتان‬ –‫رهاکردن‬
  • 18. Pinch Close •‫محتوا‬ ‫نمایی‬ ‫کوچک‬ •‫عمل‬ –‫انگشتی‬ ‫دو‬ ‫فشردن‬ –‫انگشتان‬ ‫کردن‬ ‫نزدیک‬ ‫بصورت‬ ‫حرکت‬ –‫رهاکردن‬
  • 19. ‫کاربرد‬ ‫ساختار‬ •‫شوند‬ ‫می‬ ‫تعریف‬ ‫کاربردها‬ ‫اقسام‬ ‫و‬ ‫انواع‬ –‫نمایش‬ ‫صفحه‬ ‫یک‬ ‫در‬ ‫اکتیویتی‬ ‫یک‬ ‫دارای‬ •‫حساب‬ ‫ماشین‬ •‫دوربین‬ –‫شود‬ ‫می‬ ‫سوییچ‬ ‫آنها‬ ‫بین‬ ‫که‬ ‫اکتیویتی‬ ‫چند‬ ‫دارای‬ –‫سویی‬ ‫آنها‬ ‫بین‬ ‫باید‬ ‫که‬ ‫مختلف‬ ‫اکتیویتیهای‬ ‫و‬ ‫ها‬ ‫داده‬ ‫دارای‬‫کرد‬ ‫چ‬ •‫عملکردهاییک‬ ‫و‬ ‫محتوا‬ ‫به‬ ‫است‬ ‫وابسته‬ ‫کاربرد‬ ‫ساختار‬‫اختیار‬ ‫در‬ ‫ه‬ ‫گیرد‬ ‫می‬ ‫قرار‬ ‫کاربر‬.
  • 20. ‫کلی‬ ‫ساختار‬ Top level views Category views Detail/edit view
  • 21. Top Level •‫صفحه‬ ‫اولین‬ •‫ویژه‬ ‫توجه‬ •‫سوال‬‫اصلی‬: –‫من‬ ‫کاربرد‬ ‫با‬ ‫خواهند‬ ‫می‬ ‫خاصی‬ ‫کار‬ ‫چه‬ ‫بیشتر‬ ‫همه‬ ‫از‬ ‫کاربرانم‬‫داشته‬ ‫باشند؟‬
  • 22. ‫مطلب‬ ‫اصل‬ ‫سر‬ ‫مستقیم‬ •‫کنید‬ ‫پرهیز‬ ‫ناوبری‬ ‫فقط‬ ‫های‬ ‫صفحه‬ ‫از‬ •‫ببرید‬ ‫مطلب‬ ‫اصل‬ ‫به‬ ‫مستقیم‬ ‫را‬ ‫کاربر‬ •‫دهید‬ ‫قرار‬ ‫اصلی‬ ‫صفحه‬ ‫در‬ ‫را‬ ‫اصلی‬ ‫مفاهیم‬ •‫بندی‬ ‫طرح‬ ‫در‬ ‫معیارها‬ –‫دارید‬ ‫هایی‬ ‫داده‬ ‫چه‬ –‫جذابیت‬ –‫نمایش‬ ‫صفحه‬ ‫اندازه‬
  • 23. ‫هویت‬ ‫ایجاد‬ •‫کاربردتا‬ ‫برای‬ ‫هویت‬ ‫ایجاد‬‫ن‬ •‫کاربرد‬ ‫هویت‬ ‫انتقال‬ –‫ها‬ ‫داده‬ ‫سازماندهی‬ ‫چگونگی‬ –‫ها‬ ‫داده‬ ‫با‬ ‫کاربران‬ ‫تعامل‬ ‫نحوه‬ ‫یک‬ ‫بندی‬ ‫طرح‬ ‫خلق‬ ‫برای‬ ‫تالش‬‫تا‬
  • 24. ‫عمل‬ ‫میله‬ ‫اندازی‬ ‫راه‬ •‫مهم‬ ‫عملکردهای‬ ‫نمایش‬ •‫کابرد‬ ‫ناوبری‬ •‫شامل‬ ‫عمل‬ ‫میله‬ –‫برنامه‬ ‫آیکون‬ –‫اگر‬top level‫آن‬ ‫به‬ ‫عمل‬ ‫میله‬ ‫طریق‬ ‫از‬ ‫بتوان‬ ‫دارد‬ ‫متفاوتی‬ ‫صفحات‬‫ها‬ ‫داشت‬ ‫دسترسی‬ –‫م‬ ‫بتوان‬ ‫است‬ ‫شده‬ ‫داده‬ ‫کاربر‬ ‫به‬ ‫محتوا‬ ‫کردن‬ ‫اضافه‬ ‫قابلیت‬ ‫اگر‬‫آن‬ ‫به‬ ‫ستقیما‬ ‫رفت‬ ‫بخش‬ –‫عمل‬ ‫میله‬ ‫در‬ ‫جستجو‬ ‫مکانیزم‬ ،‫جستجوست‬ ‫قابل‬ ‫ها‬ ‫داده‬ ‫و‬ ‫محتوا‬ ‫اگر‬‫قرار‬ ‫شود‬ ‫داده‬
  • 26. ‫در‬ ‫کردن‬ ‫سوییچ‬Top Level •‫اغلب‬Top Level‫است‬ ‫شده‬ ‫تشکیل‬ ‫مختلفی‬ ‫صفحات‬ ‫از‬ •‫ک‬ ‫حرکت‬ ‫آنها‬ ‫بین‬ ‫تواند‬ ‫می‬ ‫براحتی‬ ‫کاربر‬ ‫شوید‬ ‫مطمئن‬‫ند‬ •‫پشتیبانی‬ ‫را‬ ‫کردن‬ ‫سوییچ‬ ‫برای‬ ‫کنترل‬ ‫چند‬ ‫اندروید‬‫کند‬ ‫می‬ –Tab –Spinner –Navigation Drawer
  • 27. Tab •‫کنارهم‬ ‫بصورت‬ ‫صفحات‬ ‫نمایش‬ •‫سوییچ‬ ‫و‬ ‫کردن‬ ‫مرور‬ ‫برای‬ ‫آسان‬ ‫کردن‬ •‫باشند‬ ‫می‬ ‫دیدن‬ ‫قابل‬ ‫همیشه‬ •‫ب‬ ‫داشته‬ ‫خوردن‬ ‫ورق‬ ‫قابلیت‬ ‫باید‬‫اشد‬ •‫استفاده‬ ‫موارد‬ –‫افت‬ ‫می‬ ‫اتفاق‬ ‫زیاد‬ ‫کردن‬ ‫سوییچ‬‫د‬ –‫حداکثر‬3‫کرد‬ ‫سوییچ‬ ‫برای‬ ‫صفحه‬‫ن‬ –‫ب‬ ‫صفحات‬ ‫متوجه‬ ‫باید‬ ‫کاربر‬ ‫اگر‬‫اشد‬
  • 28. Spinners •‫اجازه‬ ‫کاربر‬ ‫به‬ ‫که‬ ‫افتادنی‬ ‫لیست‬ ‫یک‬‫سوییچ‬ ‫دهد‬ ‫می‬ ‫را‬ ‫صفحات‬ ‫بین‬ ‫کردن‬. •‫عمل‬ ‫میله‬ ‫در‬ ‫اسپینر‬ ‫از‬ ‫استفاده‬ ‫موارد‬ –‫بدهید‬ ‫دست‬ ‫از‬ ‫را‬ ‫صفحه‬ ‫ارتفاع‬ ‫خواهید‬ ‫نمی‬ –‫یکس‬ ‫یا‬ ‫مشابه‬ ‫های‬ ‫داده‬ ‫صفحات‬ ‫بین‬ ‫کاربر‬‫ان‬ ‫کند‬ ‫می‬ ‫سوییچ‬
  • 29. Navigation drawer •‫ناوبری‬ ‫کشوی‬ –‫ر‬ ‫صفحات‬ ‫بین‬ ‫کردن‬ ‫سوییچ‬ ‫اجازه‬ ‫که‬ ‫افتادنی‬ ‫بیرون‬ ‫منوی‬‫دهد‬ ‫می‬ ‫ا‬. –‫باشد‬ ‫داشته‬ ‫خود‬ ‫در‬ ‫آیتم‬ ‫زیادی‬ ‫تعداد‬ ‫تواند‬ ‫می‬ –‫است‬ ‫دسترس‬ ‫قابل‬ ‫برنامه‬ ‫در‬ ‫هرجایی‬ ‫از‬ –‫صفحات‬ ‫بر‬ ‫عالوه‬ ‫تواند‬ ‫می‬top level‫داشته‬ ‫نیز‬ ‫را‬ ‫صفحات‬ ‫دیگر‬ ‫باشد‬
  • 30. Navigation drawer •‫استفاده‬ ‫موارد‬ –‫بدهید‬ ‫دست‬ ‫از‬ ‫را‬ ‫صفحه‬ ‫طول‬ ‫خواهید‬ ‫نمی‬ –‫دارد‬ ‫وجود‬ ‫صفحه‬ ‫زیادی‬ ‫تعداد‬ –‫غیر‬ ‫صفحات‬ ‫به‬ ‫دسترسی‬ ‫توانایی‬ ‫خواهید‬ ‫می‬top level‫بدهید‬ ‫را‬ –‫ن‬ ‫مرتبط‬ ‫مستقیما‬ ‫هم‬ ‫به‬ ‫که‬ ‫صفحاتی‬ ‫بین‬ ‫ناوبری‬ ‫قابلیت‬‫بدهید‬ ‫را‬ ‫یستند‬ –‫دارد‬ ‫وجود‬ ‫کاربرد‬ ‫ناوبری‬ ‫در‬ ‫عمیق‬ ‫های‬ ‫شاخه‬ ‫زیر‬
  • 32. ‫نکنید‬ ‫ترکیب‬ •‫ت‬ ‫را‬ ‫آنها‬ ‫کردید‬ ‫انتخاب‬ ‫را‬ ‫روشها‬ ‫این‬ ‫از‬ ‫یکی‬ ‫اینکه‬ ‫از‬ ‫بعد‬‫رکیب‬ ‫نکنید‬! •‫ک‬ ‫کردن‬ ‫گیج‬ ‫و‬ ‫روش‬ ‫هر‬ ‫در‬ ‫صفحات‬ ‫شدن‬ ‫داده‬ ‫نمایش‬ ‫دوبار‬‫اربر‬
  • 33. ‫جزئیات‬ •‫هاست‬ ‫داده‬ ‫روی‬ ‫کردن‬ ‫عمل‬ ‫برای‬ ‫جزئیات‬ ‫صفحه‬ •‫هاست‬ ‫داده‬ ‫نوع‬ ‫به‬ ‫وابسته‬ ‫جزئیات‬ ‫صفحه‬ ‫بندی‬ ‫طرح‬ •‫شود‬ ‫می‬ ‫متفاوت‬ ‫بسیار‬ ‫کاربرد‬ ‫به‬ ‫کاربرد‬
  • 34. ‫بندی‬ ‫طرح‬ •‫دهد‬ ‫انجام‬ ‫تواند‬ ‫می‬ ‫کاربر‬ ‫کارهای‬ ‫چه‬ ‫اینکه‬ ‫براساس‬
  • 35. ‫حالت‬Lights-out •‫صفحه‬ ‫تمام‬ ‫کاربردهای‬ •‫عملیات‬ ‫به‬ ‫نیازمند‬ ‫اما‬ •‫عمل‬ ‫میله‬ ‫نمایش‬‫نیاز‬ ‫هنگام‬ –‫دهد‬ ‫انجام‬ ‫عملی‬ ‫کاربر‬ ‫وقتی‬ –‫شدن‬ ‫محو‬ ‫دوباره‬
  • 36. ‫جزئیات‬ ‫صفحه‬ ‫در‬ ‫ناوبری‬ •‫زدن‬ ‫ورق‬ ‫از‬ ‫استفاده‬
  • 37. ‫جزئیات‬ ‫صفحه‬ ‫در‬ ‫ناوبری‬ •‫از‬ ‫استفاده‬thumbnail
  • 38. ‫لیست‬ ‫چک‬ ‫کنید‬ ‫پیدا‬ ‫اول‬ ‫صفحه‬ ‫در‬ ‫مفید‬ ‫محتوای‬ ‫نمایش‬ ‫برای‬ ‫راهی‬ ‫کنید‬ ‫استفاده‬ ‫یکپارچه‬ ‫ناوبری‬ ‫برای‬ ‫عمل‬ ‫میله‬ ‫از‬ ‫میانب‬ ‫و‬ ‫افقی‬ ‫ناوبریهای‬ ‫از‬ ‫استفاده‬ ‫با‬ ‫را‬ ‫مراتب‬ ‫سلسله‬‫تر‬ ‫ساده‬ ‫رها‬ ‫کنید‬ ‫س‬ ‫زدنی‬ ‫ورق‬ ‫ویوهای‬ ‫از‬ ‫استفاده‬ ‫با‬ ‫را‬ ‫جزئیات‬ ‫بین‬ ‫ناوبری‬‫ریعتر‬ ‫کنید‬ ‫ب‬ ‫دهید‬ ‫اجازه‬ ‫کاربر‬ ‫به‬ ‫چندگانه‬ ‫انتخاب‬ ‫از‬ ‫گیری‬ ‫بهره‬ ‫با‬‫رروی‬ ‫دهد‬ ‫انجام‬ ‫عملیات‬ ‫داده‬ ‫از‬ ‫ای‬ ‫مجموعه‬.
  • 39. ‫ها‬ ‫مجموعه‬ •‫از‬top level‫صفحه‬ ‫به‬‫ها‬ ‫مجموعه‬‫جزئی‬ ‫صفحه‬ ‫به‬ ‫سپس‬ ‫و‬‫ات‬ •‫آسانتر‬ ‫ناوبری‬ ‫ایجاد‬ –‫است‬ ‫نرفته‬ ‫فرو‬ ‫عمق‬ ‫در‬ ‫بیند‬ ‫می‬ ‫را‬ ‫ها‬ ‫داده‬ ‫کاربر‬ ‫حالیکه‬ ‫در‬! •‫ها‬ ‫داده‬ ‫از‬ ‫متناسب‬ ‫های‬ ‫مجموعه‬ ‫ایجاد‬ •‫ها‬ ‫مجموعه‬ ‫بین‬ ‫ناوبری‬
  • 42. ‫اشیا‬ ‫از‬ ‫مجموعه‬ ‫روی‬ ‫اعمال‬ •‫را‬ ‫کاری‬ ‫ها‬ ‫داده‬ ‫از‬ ‫ای‬ ‫مجموعه‬ ‫روی‬ ‫بتواند‬ ‫کاربر‬ ‫دهید‬ ‫اجازه‬ ‫دهد‬ ‫انجام‬.
  • 43. ‫لیست‬ ‫چک‬ •‫ک‬ ‫پیدا‬ ‫شروع‬ ‫صفحه‬ ‫در‬ ‫محتویات‬ ‫مفید‬ ‫نمایش‬ ‫برای‬ ‫راهی‬‫نید‬ •‫استفاده‬‫یکپارچه‬ ‫ناوبری‬ ‫کردن‬ ‫فراهم‬ ‫برای‬ ‫عمل‬ ‫میله‬ ‫از‬ •‫افقی‬ ‫اطالعات‬ ‫بر‬ ‫تکیه‬ ‫با‬ ‫برنامه‬ ‫در‬ ‫کم‬ ‫عمق‬ •‫اش‬ ‫از‬ ‫ای‬ ‫مجموعه‬ ‫روی‬ ‫اعمال‬ ‫برای‬ ‫چندگانه‬ ‫انتخاب‬ ‫از‬ ‫استفاده‬‫یا‬ •‫زدن‬ ‫ورق‬ ‫با‬ ‫جزئیات‬ ‫صفحه‬ ‫بین‬ ‫سریع‬ ‫ناوبری‬
  • 44. ‫ناوبری‬ •Back‫برابر‬ ‫در‬Up •Back –‫اندروید‬ ‫از‬2.3‫کاربرد‬ ‫داخل‬ ‫ناوبری‬ ‫برای‬ •Up –‫اندروید‬ ‫از‬3‫شامل‬ ‫عمل‬ ‫میله‬ ‫در‬ •‫فلش‬ ‫و‬ ‫برنامه‬ ‫آیکون‬
  • 45. Up •‫کاربرد‬ ‫مراتب‬ ‫سلسله‬ ‫بر‬ ‫مبتنی‬ ‫ناوبری‬ •‫صفحه‬ ‫در‬ ‫اگر‬A‫صفحه‬ ‫به‬ ‫و‬ ‫کنیم‬ ‫انتخاب‬ ‫را‬ ‫موضوعی‬B‫با‬ ‫برویم‬ ‫دکمه‬ ‫انتخاب‬Up‫صفحه‬ ‫به‬A‫گردیم‬ ‫برمی‬. •‫باشیم‬ ‫صفحه‬ ‫باالترین‬ ‫در‬ ‫اگر‬ –Up‫نداریم‬!
  • 46. Back •‫گ‬ ‫برمی‬ ‫عقب‬ ‫به‬ ‫صفحات‬ ‫تاریخچه‬ ‫در‬ ‫ترتیبی‬ ‫بصورت‬‫ردد‬. •‫ب‬ ‫آنها‬ ‫در‬ ‫کاربر‬ ‫که‬ ‫صفحاتی‬ ‫موقتی‬ ‫حافظه‬ ‫به‬ ‫وابسته‬‫است‬ ‫وده‬.
  • 47. ‫عمل‬ ‫میله‬ .1‫کاربرد‬ ‫آیکون‬ .2‫صفحات‬ ‫کنترل‬ •‫نمایش‬ ‫نحوه‬ ‫چندین‬ ‫وجود‬ ‫درصورت‬ .3‫عملیاتها‬ ‫های‬ ‫دکمه‬ .4‫شوند‬ ‫می‬ ‫استفاده‬ ‫کمتر‬ ‫که‬ ‫عملیاتهایی‬ ‫شامل‬
  • 48. ‫عمل‬ ‫های‬ ‫دکمه‬ •‫بگیرد؟‬ ‫قرار‬ ‫بخش‬ ‫این‬ ‫در‬ ‫عملیاتهایی‬ ‫چه‬ •‫مکانیزم‬FIT – Frequent –‫شود؟‬ ‫می‬ ‫استفاده‬ ‫زیاد‬ ‫آیا‬ – Important –‫باشد؟‬ ‫می‬ ‫مهم‬ ‫آیا‬ – Typical –‫باشد؟‬ ‫می‬ ‫معمول‬ ‫آیا‬
  • 49. ‫افزاری‬ ‫نرم‬ ‫هوشمند‬ ‫های‬ ‫سیستم‬ ‫مجری‬ ‫و‬ ‫مشاور‬ ‫همراه‬ ‫تلفن‬ ‫محوریت‬ ‫با‬ +98-5137601101 +98-5137601102 0936-674-3096 info@sanabad-ai.ir ‫نمایید‬ ‫مشورت‬ ‫ما‬ ‫با‬.... www.sanabad-ai.ir