android-app-ui

برنامه نویسی اندروید – رابط کاربری (قسمت اول)

android-app-ui

رابط کاربری (User Inerface) مجموعه ای از المان گرافیکی و تصویری می باشد که کاربر با استفاده از آن با اپلیکیشن کار می کند. هر اپلیکیشن اندروید نیز شامل رابط های کاربری متنوع می باشد. به عنوان مثال لیست ها ، منو ها ، دکمه ها ، متن ها و … اجزای رابط کاربری هستند که رویداد های کاربر را به قسمت هسته ی اپلیکیشن (back-end) انتقال می دهند. رابط کاربری جزو مهمترین بخش های یک اپلیکیشن اندروید می باشد ، و در محبوبیت اپلیکیشن بسیار تاثیر دارد و باید توجه ویژه ای به قسمت شود. در اندروید ما بخش اصلی فایل های رابط کاربری رو در پوشه res>layout می سازیم ، که با فرمت های .xml قرار دارند.

هر فایل ui مانند sample.xml حتما باید شامل یک چیدمان اصلی باشد :

چیدمان های اصلی شامل :

  •   RelativeLayout : چیدمان شناور ، در این نوع چیدمان تمام اجزایی که داخلش قرار می دهیم نسبی و شناور بوده و بدون نظم خاصی قرار می گیرند و ما باید به اجزا خاصیت بدیم که نسبت به هم چه وضعیتی داشته باشند. همان طور که در عکس زیر می بینید ، تعدادی دکمه در این لایوت(چیدمان) جاگذاری کردیم و باید بالا ، پایین ، چپ و راست و یا مرکز بودنش را مشخص کنیم. والبته نسبت به هم می توانیم جاگذاری کنیم مثلا دکمه ی B11 چپ دکمه ی B2.relativelayout
  • LinearLayout : چیدمان خطی ، در این نوع چیدمان تمام اجزا به ترتیب افقی یا عمودی به دنبال هم جا می گیرند که ترتیب اجزا و افقی یا عمودی بودن رو در خصوصیات ها تعریف می کنیم ، در این نوع چیدمان دشواری RelativeLayout رو نداریم و کار آسان تر است.linearlayout
  • و سایر چیدمان ها که مانند این دو پرکاربرد نیستند و در صورت نیاز می تونید آموزش های مختلفی پیدا کنید.layouts

 

می رسیم به نحوه ی کد نویسی یک فایل رابط کاربری در اندروید :

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
        <TextView
             android:id="@+id/textview_main_linkedin_link"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="سلام"/>
</RelativeLayout>

در این کدها ًRelativeLayout رو مشاهده می کنید که دارای یک متن(TextView) که با رنگ سبز مشخص شده می باشد ، همچنین دارای خصوصیات عرض و طول می باشد که با رنگ آبی مشخص شدند ، مقدار عرض تمام عرض والد خودش هست و مقدار طول به طول محتوای داخلش بستگی دارد. خصوصیت xmlns هم تگ(خصوصیت) اندروید را برای فایل xml معرفی می کند(تنظیمات هم میشه گفت).

TextView نیز شامل خصوصیت هایی می باشد که مشاهده می کنید.

سایرچیدمان ها ، اجزا ها و خصوصیت ها در قسمت های بعدی شرح داده خواهند شد.


			

نظر دهید

ایمیل شما منتشر نخواهد شد فیلد های ستاره دار الزامی می باشند *