آموزش Number Picker متریال دیزاین در برنامه نویسی اندروید

سلام دوستان امیدوارم حالتان خوب و ایام به کامتان باشد در ان سری از آموزش برنامه نویسی اندروید به آموزش Number Picker متریال دیزاین در برنامه نویسی اندروید می پردازیم قبلتر آموزش های مختلفی در این رابطه برای شما قرار داده بودیم number picker های قبلی به صورت کلی نمی شد خیلی implement کردشون یعنی به شکل کلی غیر قابل تغییر بود اما کتاب خانه امروز قابلیت تغییر رو دارد در ادامه می توانید پیش نماشی از آن را مشاهده کنید.

این کتاب خانه شامل دوتا View میشه یکی از آنها برای Number Picker و دیگری برای MeterView است.
برای اضافه کردن آن لازم است همانند زیر عمل کنید.
وارد فایل Build.gradle از نوع Top-Level شده سپس در بخش repositories خط زیر را اضافه کنید.

    mavenCentral()

1 2	mavenCentral()

وارد فایل Build.gradle از نوع Module شده سپس در بخش dependencies خط زیر را اضافه کنید.

    implementation 'com.alex-zaitsev:meternumberpicker:1.0.1'

1	implementation 'com.alex-zaitsev:meternumberpicker:1.0.1'

پروژه رو sync کنید.

مدل اول Number Picker

<com.alexzaitsev.meternumberpicker.NumberPicker
    android:id="@+id/meterView"
    style="@style/MeterViewStyle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

<com.alexzaitsev.meternumberpicker.NumberPicker

android:id="@+id/meterView"

style="@style/MeterViewStyle"

android:layout_width="wrap_content"

android:layout_height="wrap_content"/>

برای سفارشی سازی اون می تونید مثل زیر یک style تعریف کنید.

<style name="MeterNumberPickerStyle">
    <item name="mnp_min">0</item>
    <item name="mnp_max">9</item>
    <item name="mnp_textColor">@android:color/white</item>
    <item name="mnp_textSize">50sp</item>
    <item name="mnp_paddingHorizontal">5dp</item>
    <item name="mnp_paddingVertical">25dp</item>
</style>

<item name="mnp_textColor">@android:color/white</item>

</style>

mnp_min : کمترین مقدار Number Picker را تعیین می کند.
mnp_max : بیشترین مقدار Number Picker را تعیین می کند.
mnp_textColor : رنگ متن را تعیین می کند.
mnp_textSize : اندازه متن را تعیین می کند.
mnp_paddingHorizontal : فاصله عمودی را تعیین می کند.
mnp_paddingVertical : فاصله افقی را تعیین می کند.
مدل بعدی MeterView

<com.alexzaitsev.meternumberpicker.MeterView
    android:id="@+id/meterView"
    style="@style/MeterViewStyle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

<com.alexzaitsev.meternumberpicker.MeterView

android:id="@+id/meterView"

style="@style/MeterViewStyle"

android:layout_width="wrap_content"

android:layout_height="wrap_content"/>

برای سفارشی سازی آن می توانید مثل زیر Style تعریف کنید.

<style name="MeterViewStyle">
    <item name="mv_firstColor">@android:color/black</item>
    <item name="mv_numberOfFirst">5</item>
    <item name="mv_numberOfSecond">1</item>
    <item name="mv_pickerStyle">@style/MeterNumberPickerStyle</item>
    <item name="mv_secondColor">@android:color/holo_red_dark</item>
</style>

<item name="mv_firstColor">@android:color/black</item>

<item name="mv_pickerStyle">@style/MeterNumberPickerStyle</item>

<item name="mv_secondColor">@android:color/holo_red_dark</item>

</style>

این View خیلی شبیه به View Number picker است به همین علت تمامی Style های آن را به این style دادیم .
mv_firstColor : رنگ اول meterView را تعیین می کند.
mv_numberOfFirst : مقدار text اولیه را تعیین می کند.
mv_numberOfSecond : مقدار text دومی را تعیین می کند.
mv_secondColor : رنگ متن دوم را تعیین می کند.

این آموزش هم به پایان رسید.

موفق و پیروز باشید.

مطالعه بیشتر