چهارشنبه ۲۲ آذر ۰۲ | ۱۱:۳۷ ۲۹ بازديد
Structure و Layout
در قسمت گذشته ، شما از دو جزء متریال (MDC) برای ساختن یک ورقه ورود به کار گیری کردید: فیلدهای متنی و دکمه ها.
اینک اذن دهید این شالوده را با اضافه کردن ناوبری، ساختار و اطلاعات توسعه طراحی اپلیکیشن در مشهد دهیم.
درین نصیب از دکان ما مستلزم دو نصیب دیگر هستیم که عبارتند از :
نوار اپلیکیشن بلندتر
لیست کانال ای از محصول ها
افزودن top app bar
وقتی که استفاده کننده داخل شدن درحال حاضر وهله به اکران برگه ی مهم میرسد ورقه ای که قائدتا بایستی محصول ها شما در آن اکران داده خواهد شد .
درین کاغذ ما در اولِ عمل قصد داریم تاب توشه را پیاده سازی و طراحی کنیم .
متریال صفحه ارایی اندروید الگوهای ناوبری را ارائه میدهد که رتبه بالایی از امکان به کار گیری را دارا است.
یکیاز شایان توجه ترین مؤلفه های ناوبری، نوار بالای اپلیکیشن یا این که به عبارتی تاب توشه میباشد.
ممکن میباشد نوار بالای نرمافزار را بهتیتر «نوار پیمایش» در iOS یا این که به طور معمولی «نوار نرمافزار» یا این که «هدر» نیز بشناسید.
برای ارائه ناوبری و دسترسی سریع یوزرها به بقیه اقدامات، بیایید یک نوار نرم افزار ی فوق العاده پیاده سازی کنیم .
مرحله 1
در shr_product_grid_fragment.xml، تگ دربردارنده TextView را با موردها پایین جایگزین فرمایید:
android:layout_width="match_parent"
android:layout_height="wrap_content">
android:id="@+id/app_bar"
style="@style/Widget.Shrine.Toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:title="@string/shr_app_name" />
shr_product_grid_fragment.xml شما بایستی به صورت ذیل باشد:
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".ProductGridFragment">
android:layout_width="match_parent"
android:layout_height="wrap_content">
android:id="@+id/app_bar"
style="@style/Widget.Shrine.Toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:title="@string/shr_app_name" />