مرجع تخصصی بروزترین مقالات طراحی اپلیکیشن

تایپوگرافی
ضمن تغییر و تحول رنگ، طراح شما تایپوگرافی خاصی را نیز برای به کارگیری در وب سایت به طراحی اپلیکیشن در مشهد شما داده میباشد.
بیایید آن را به نوار بالای نرم افزار نیز اضافه کنیم.

ظواهر متن نوار بالای اپ خویش را طوری پیاده سازی نمایید که با ویژگی ها ارائه گردیده به وسیله طراح شما منطبق داشته باشد. استایل ظواهر متن تحت را به styles.xml اضافه فرمایید و خصوصیت titleTextAppearance را برای ارجاع به‌این مدل در مدل Widget.Shrine.Toolbar خویش تهیه و تنظیم نمایید.

COPY
colors.xml و styles.xml شما بایستی به طور پایین باشد:

#E0E0E0
#FBB8AC
#FEDBD0
#442C2E
@color/textColorPrimary
#FFFFFF
#FFFFFF
#FBB8AC

COPY
Shape ها
ما می بایست دوباره لایه grid جنس را نشانه دهیم. خصوصیت android:visibility=”gone” را از NestedScrollView خویش حذف فرمایید:

android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="56dp"
android:background="@color/productGridBackgroundColor"
android:elevation="8dp"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
COPY
بیایید لایه جلویی را با یک بریدگی در کناره سمت چپ بالا استایل دهی کنیم.
متریال طراحی صفحه اندروید بدین نوع سفارشی سازی تحت عنوان یک صورت اشاره می نماید.
سطح ها متریال را می شود به گونه های متفاوت اکران بخشید.
صورت ها به سطح ها تاکید و مدل می‌بخشند و میتوانند برای ذکر مارک به کارگیری شوند.
گونه های متریال میتوانند کناره ها و حاشیه های منحنی یا این که زاویه دار و هر تعداد ضلع داشته باشند. آن ها می‌توانند متقارن یا این که نامنظم باشند.

اضافه کردن shape
صورت grid را تغییر و تحول دهید. ما یک پس‌قضیه صورت سفارشی ارائه کرده‌ایم،
ولی صورت صرفا در Android Marshmallow و فراتر به صدق اکران داده می گردد.
ما خواهیم توانست پس‌قضیه shr_product_grid_background_shape را در NestedScrollView شما
تنها برای Android Marshmallow و فراتر تهیه و تنظیم کنیم.
آغاز یک شناسه به NestedScrollView خویش اضافه نمایید تا بتوانیم به طور کد به آن ارجاع دهیم:

android:id="@+id/product_grid"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="56dp"
android:background="@color/productGridBackgroundColor"
android:elevation="8dp"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
COPY
بعد از آن، پس‌قضیه را به طور اپلیکیشن‌نویسی در ProductGridFragment.java تهیه فرمایید.
منطق پایین را برای تهیه پس‌قضیه در انتهای ()onCreateView، صحیح پیش از فرمان رجوع و برگشت اضافه نمائید:

// Set cut corner background for API 23+
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
view.findViewById(R.id.product_grid).setBackgroundResource(R.drawable.shr_product_grid_background_shape);
}
COPY

موشن ها
موشن راهی برای پویا کردن نرم افزار شماست. موشن می‌تواند گران قدر و دراماتیک، دقیق و مینیمال، یا این که هر جایی در‌این میان باشد.
نوع موشنی که به کارگیری میکنید بایستی متناسب با وضعیت باشد. موشنی که برای تکرار منظم انجام می‌شود بایستی خرد و دقیق باشد،
بدین ترتیب فرصت متعددی را به صورت منظم نمی گیرد.
وضعیت‌های دیگر، مانند اولی باری که استفاده کننده یک نرم‌افزار را گشوده می‌نماید، میتواند دیده نوازتر باشد و
میتواند به یادگرفتن استفاده کننده در ارتباط طریق به کار گیری از اپلیکیشن شما یاری دهد.

ما می‌توانیم یک ClickListener را در مشی setupToolbar() ProductGridFragment.java تهیه و تنظیم کنیم:

toolbar.setNavigationOnClickListener(new NavigationIconClickListener(getContext(), view.findViewById(R.id.product_grid)));
COPY
سیاق ()setUpToolbar شما فعلا بایستی به طور ذیل باشد:

private void setUpToolbar(View view) {
Toolbar toolbar = view.findViewById(R.id.app_bar);
AppCompatActivity activity = (AppCompatActivity) getActivity();
if (activity != null) {
activity.setSupportActionBar(toolbar);
}

toolbar.setNavigationOnClickListener(new NavigationIconClickListener(getContext(), view.findViewById(R.id.product_grid)));
}
COPY

تایپوگرافی
ضمن تغییر و تحول رنگ، طراح شما تایپوگرافی خاصی را نیز برای به کارگیری در وب سایت به طراحی اپلیکیشن در مشهد شما داده میباشد.
بیایید آن را به نوار بالای نرم افزار نیز اضافه کنیم.

ظواهر متن نوار بالای اپ خویش را طوری پیاده سازی نمایید که با ویژگی ها ارائه گردیده به وسیله طراح شما منطبق داشته باشد. استایل ظواهر متن تحت را به styles.xml اضافه فرمایید و خصوصیت titleTextAppearance را برای ارجاع به‌این مدل در مدل Widget.Shrine.Toolbar خویش تهیه و تنظیم نمایید.

COPY
colors.xml و styles.xml شما بایستی به طور پایین باشد:

#E0E0E0
#FBB8AC
#FEDBD0
#442C2E
@color/textColorPrimary
#FFFFFF
#FFFFFF
#FBB8AC

COPY
Shape ها
ما می بایست دوباره لایه grid جنس را نشانه دهیم. خصوصیت android:visibility=”gone” را از NestedScrollView خویش حذف فرمایید:

android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="56dp"
android:background="@color/productGridBackgroundColor"
android:elevation="8dp"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
COPY
بیایید لایه جلویی را با یک بریدگی در کناره سمت چپ بالا استایل دهی کنیم.
متریال طراحی صفحه اندروید بدین نوع سفارشی سازی تحت عنوان یک صورت اشاره می نماید.
سطح ها متریال را می شود به گونه های متفاوت اکران بخشید.
صورت ها به سطح ها تاکید و مدل می‌بخشند و میتوانند برای ذکر مارک به کارگیری شوند.
گونه های متریال میتوانند کناره ها و حاشیه های منحنی یا این که زاویه دار و هر تعداد ضلع داشته باشند. آن ها می‌توانند متقارن یا این که نامنظم باشند.

اضافه کردن shape
صورت grid را تغییر و تحول دهید. ما یک پس‌قضیه صورت سفارشی ارائه کرده‌ایم،
ولی صورت صرفا در Android Marshmallow و فراتر به صدق اکران داده می گردد.
ما خواهیم توانست پس‌قضیه shr_product_grid_background_shape را در NestedScrollView شما
تنها برای Android Marshmallow و فراتر تهیه و تنظیم کنیم.
آغاز یک شناسه به NestedScrollView خویش اضافه نمایید تا بتوانیم به طور کد به آن ارجاع دهیم:

android:id="@+id/product_grid"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="56dp"
android:background="@color/productGridBackgroundColor"
android:elevation="8dp"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
COPY
بعد از آن، پس‌قضیه را به طور اپلیکیشن‌نویسی در ProductGridFragment.java تهیه فرمایید.
منطق پایین را برای تهیه پس‌قضیه در انتهای ()onCreateView، صحیح پیش از فرمان رجوع و برگشت اضافه نمائید:

// Set cut corner background for API 23+
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
view.findViewById(R.id.product_grid).setBackgroundResource(R.drawable.shr_product_grid_background_shape);
}
COPY

موشن ها
موشن راهی برای پویا کردن نرم افزار شماست. موشن می‌تواند گران قدر و دراماتیک، دقیق و مینیمال، یا این که هر جایی در‌این میان باشد.
نوع موشنی که به کارگیری میکنید بایستی متناسب با وضعیت باشد. موشنی که برای تکرار منظم انجام می‌شود بایستی خرد و دقیق باشد،
بدین ترتیب فرصت متعددی را به صورت منظم نمی گیرد.
وضعیت‌های دیگر، مانند اولی باری که استفاده کننده یک نرم‌افزار را گشوده می‌نماید، میتواند دیده نوازتر باشد و
میتواند به یادگرفتن استفاده کننده در ارتباط طریق به کار گیری از اپلیکیشن شما یاری دهد.

ما می‌توانیم یک ClickListener را در مشی setupToolbar() ProductGridFragment.java تهیه و تنظیم کنیم:

toolbar.setNavigationOnClickListener(new NavigationIconClickListener(getContext(), view.findViewById(R.id.product_grid)));
COPY
سیاق ()setUpToolbar شما فعلا بایستی به طور ذیل باشد:

private void setUpToolbar(View view) {
Toolbar toolbar = view.findViewById(R.id.app_bar);
AppCompatActivity activity = (AppCompatActivity) getActivity();
if (activity != null) {
activity.setSupportActionBar(toolbar);
}

toolbar.setNavigationOnClickListener(new NavigationIconClickListener(getContext(), view.findViewById(R.id.product_grid)));
}
COPY