آموزش و معرفی Rating Bar – نوار امتیاز

سلام ، در خدمتتون هستیم با آموزش نوار امتیاز Rating Bar

ریتینگ بار ، حالتی همانند SeekBar و ProgressBar را دارد که امتیاز در قسمت های مختلف برنامه شما را با ستاره نشان میدهد ، در حالت عادی سایز های Rating Bar دو سایز small و large هستند .

__

برای اضافه کردن Rating Bar در اولین مرحله باید کتابخانه ی AppCompat را در build.gradle وارد کنیم :

dependencies { 'compile 'com.android.support:appcompat-v۷:۲۳.۲.۱ }

dependencies {  
'compile 'com.android.support:appcompat-v7:23.2.1
}

پس از اون باید مطمئن بشیم که اکتیویتی مورد نظر ما extends شده باشه از AppCompatActivity  :

public class MainActivity extends AppCompatActivity { ... }

public class MainActivity extends AppCompatActivity {  
    ...
}

در مرحله ی بعد باید کافیه که RatingBar را در لیوت مورد نظر وارد کنیم :

<RatingBar android:rating="3.5" android:stepSize="0.5"android:numStars="5" android:layout_width="wrap_content"android:layout_height="wrap_content"/>

<RatingBar  
    android:rating="3.5"
    android:stepSize="0.5"
    android:numStars="5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

• _ rating مقدار اولیه ریتینگ بار را مشخص میکنه.
• _ stepSize با این خاصیت درواقع درصد پر شدن هر ستاره رو مشخص میکنید.
• _ numStars تعداد ستاره های ریتینگ بار شماست.

 

تا این مرحله RatingBar ما ساخته شده و چنین شکلی را خواهد داشت :

 

__

برای اینکه Style مورد نظر خودمون را (رنگ هنگام تپ شدن و رنگ پیشفرض) به RatingBar بدیم باید به این شیوه عمل کنیم :

باید Custom Style خودمون را در style.xml وارد کنیم :

<style name="RatingBar" parent="Theme.AppCompat"> <itemname="colorControlNormal">@color/indigo</item> <itemname="colorControlActivated">@color/pink</item> </style>

<style name="RatingBar" parent="Theme.AppCompat">  
    <item name="colorControlNormal">@color/indigo</item>
    <item name="colorControlActivated">@color/pink</item>
</style>  

و برای وارد کردن رنگ مورد نظر ، کافیه که کد رنگ را بجای این قسمتها وارد کنیم :

@color/indigo | @color/pink

@color/indigo | @color/pink

و تنها کار باقی مونده وارد کردن این Style برای RatingBar مورد نظر ماست که با android:theme استایل رو معرفی میکنیم :

<RatingBar android:theme="@style/RatingBar" android:rating="3"android:stepSize="0.5" android:numStars="5"android:layout_width="wrap_content"android:layout_height="wrap_content"/>

<RatingBar  
    android:theme="@style/RatingBar"
    android:rating="3"
    android:stepSize="0.5"
    android:numStars="5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

نتیجه ی نهایی :

__

امیداوریم که آموزش برای شما مفید بوده باشه ، موفق باشید .