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

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش RatingBar متریال دیزاین در برنامه نویسی اندروید می پردازیم در ادامه می توانید پیش نمایشی از آن را مشاهده کنید در اپ کافه بازار نیز از این کتابخانه استفاده شده است.

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

compile 'com.github.sujithkanna:smileyrating:1.6.8'

1	compile 'com.github.sujithkanna:smileyrating:1.6.8'

حالا پروژه را sync کنید علت خاطاهای مربوط به گریدل را قبلا بررسی کرده ایم در سایت جستجو کنید.
برای استفاده از آن کد زیر را در بخش layout خود (جایی که می خواهید نمایش داده شود) قرار داده

<com.hsalf.smilerating.SmileRating
        android:id="@+id/smile_rating"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

<com.hsalf.smilerating.SmileRating

android:id="@+id/smile_rating"

android:layout_width="match_parent"

android:layout_height="wrap_content" />

برای به دست آوردن view آن می توانید از کد زیر استفاده کنید.

SmileRating smileRating = (SmileRating) findViewById(R.id.smile_rating);

1	SmileRating smileRating = (SmileRating) findViewById(R.id.smile_rating);

برای اینکه یک Listiner برای آن قرار دهید مثل زیر عمل کنید تا بتوانید مقداری رو که کاربر انتخاب کرده است به دست بیارید.

smileRating.setOnSmileySelectionListener(new SmileRating.OnSmileySelectionListener() {
            @Override
            public void onSmileySelected(@BaseRating.Smiley int smiley, boolean reselected) {
                switch (smiley) {
                    case SmileRating.BAD:
                        Toast.makeText(MainActivity.this,"BAD",Toast.LENGTH_SHORT).show();
                        break;
                    case SmileRating.GOOD:
                        Toast.makeText(MainActivity.this,"GOOD",Toast.LENGTH_SHORT).show();
                        break;
                    case SmileRating.GREAT:
                        Toast.makeText(MainActivity.this,"Greate",Toast.LENGTH_SHORT).show();
                        break;
                    case SmileRating.OKAY:
                        Toast.makeText(MainActivity.this,"Okay",Toast.LENGTH_SHORT).show();
                        break;
                    case SmileRating.TERRIBLE:
                        Toast.makeText(MainActivity.this,"Terrible",Toast.LENGTH_SHORT).show();
                        break;
                }
            }
        });

smileRating.setOnSmileySelectionListener(new SmileRating.OnSmileySelectionListener() {

@Override

public void onSmileySelected(@BaseRating.Smiley int smiley, boolean reselected) {

switch (smiley) {

case SmileRating.BAD:

Toast.makeText(MainActivity.this,"BAD",Toast.LENGTH_SHORT).show();

break;

case SmileRating.GOOD:

Toast.makeText(MainActivity.this,"GOOD",Toast.LENGTH_SHORT).show();

break;

case SmileRating.GREAT:

Toast.makeText(MainActivity.this,"Greate",Toast.LENGTH_SHORT).show();

break;

case SmileRating.OKAY:

Toast.makeText(MainActivity.this,"Okay",Toast.LENGTH_SHORT).show();

break;

case SmileRating.TERRIBLE:

Toast.makeText(MainActivity.this,"Terrible",Toast.LENGTH_SHORT).show();

break;

}

});

برای فارسی ساز آن می توانید از کد زیر استفاده کنید.

smileRating.setNameForSmile(BaseRating.TERRIBLE, "افتضاح");
smileRating.setNameForSmile(BaseRating.BAD, "بد");
.
.
.

smileRating.setNameForSmile(BaseRating.TERRIBLE, "افتضاح");

smileRating.setNameForSmile(BaseRating.BAD, "بد");

برای سفارشی کردن آن از کد های زیر می توانید استفاده کنید.

app:angryColor="#f29a68"
        app:drawingColor="#353431"
        app:normalColor="#f2dd68"
        app:isIndicator="false"
        app:placeHolderBackgroundColor="#e6e8ed"
        app:placeHolderSmileColor="#ffffff"
        app:textNonSelectionColor="#AEB3B5"
        app:textSelectionColor="#000000"

app:angryColor="#f29a68"

app:drawingColor="#353431"

app:normalColor="#f2dd68"

app:isIndicator="false"

app:placeHolderBackgroundColor="#e6e8ed"

app:placeHolderSmileColor="#ffffff"

app:textNonSelectionColor="#AEB3B5"

app:textSelectionColor="#000000"

drawingColor : رنگ ایکون ها را تغییر می دهد
app:normalColor : رمگ آنها در شکل normal را تغییر میدهد.
isIndicator : خط بین آنها را نمایش یا پنهان می کند.
placeHolderBackgroundColor : رنگ پشت صفحه را تنظیم می کند.
app:placeHolderSmileColor رنگ هر یک از نگهدارنده های عکس را تنطیم می کند.
app:textNonSelectionColor رنگ متن را در زمانی که در حالت انتخاب نیست را مشخص می کند.
app:textSelectionColor : رنگ متن هنگامی که در حالت انتخاب است را مشخص می کند.
همه چیز آشکار است نیاز به توضیح اضافه نیست.

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

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

مطالعه بیشتر