image آموزش مقدماتی ++C جلسه پانزدهم image بازاریابی از طریق SEO

دنیای هفت کد

ساخت کتاب اندرویدی_ قسمت دوم

newandroid7

پس از اینکه با مقدمات ساخت یک پروژه آشنا شدیم، حالا در فولدر res یک Newfolder میسازیم و اسمش را drawable میگذاریم.

1

حالا از طریق فتوشاپ ۳ تا عکس با فرمت png درست میکنیم که یکی صفحه آغازی ما است و دو تای بعدی صفحات کتاب ما را تشکیل میدهند…
ما هر ۳ تصویر ساخته شده را در اینجا در یک تصویر نشان داده ایم که صفحه اول (آغازی) ما نماد اندروید است، صفحه دوم ما صفحه زرد رنگ و متن درونش است و صفحه سوم ما صفحه سبز رنگ و متن آن است…

 

Untitled-2

حالا هر ۳ تصویر مان را در فولدری که ساختیم و آن را Drawable نامیدیم ذخیره میکنیم…
________________________
نوبت به آن میرسد که اولین صفحه ی UI خود را بسازیم.
مانند عکس پایین به فولدر res سپس فولدر layout رفته و main.xml را باز میکنیم.

 

do

در قسمت Palette یک Button و یک Imageview انتخاب میکنیم و در صفحه ی UI قرار میدهیم.

 

33

333

میخواهیم تناسبی بین تصویرمان و دکمه ای که انتخاب کرده ایم بسازیم…
روی تصویرمان در صفحه ی UI کلیک میکنیم و در قسمت چپ اکلیپس نوار properties تنظیمات زیر را انجام میدهیم :
44
حالا روی دکمه در صفحه UI کلیک کرده و در properties مانند شکل زیر تنظیمات را انجام میدهیم :
444
____________________________
نوبت به این میرسد که برای دکمه خود اسم بگذاریم و هم اینکه یک متن را در آن درج کنیم…
برای درج متن روی دکمه مانند تصاویر زیر عمل میکنیم:
2

3
____________________
توجه داشته باشید که ما در مرحله ی قبلی فقط متن دکمه را نام گذاری کردیم تا کاربر ببیند که روی دکمه چه نوشته ای وجود دارد…
اما مهمتر از آن این است که یک اسم رمز یا ID برای دکمه انتخاب کنیم تا در قسمت کد نویسی دکمه را تعریف کرده باشیم… پس این گونه عمل میکنیم:
4
5

______________________________
حالا نوبت به آن میرسد که تصویری که برای تصویر آغازین مان ساخته بودیم را انتخاب کنیم…
روی تصویر در صفحه UI راست کلیک میکنیم…
6

7

نکته! : اسم تصویر شماره یک خود را که در فولدر drawable قرار داده ایم را first گذاشته ایم.
###################
تا اینجا اولین صفحه ی UI یا User Interface خود را ساخته ایم و حالا باید برای آن کد بنویسیم…
کد نویسی این صفحه و ۲ صفحه ی دیگر را در جلسه ی بعدی توضیح خواهیم داد.

رضا پورحسن
درباره رضا پورحسن
دانشجوی ترم آخر رشته کامپیوتر ( نرم افزار)
نوشته های مرتبط
  • همه موارد
  • نویسنده
  • دسته بندی
  • تگ
2 نظرات

نظرتان را بنویسید

ایمیل شما نمایش داده نمی شود.

logo-samandehi
حامیان ما :
aparat aparat aparat aparat
شبکه های اجتماعی :
aparat aparat aparat aparat aparat

پیامک : 30007006000096 ایمیل : 7code.ir@gmail.com