ورود با اکانت گوگل
یا
آقای متریال

برای جستجو کلمه مورد نظر خود را وارد کنید

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

rouhollah.mz


اطلاعات نویسنده
پشتیبانی
برای دیدن اطلاعات تماس تهیه کننده این محصول باید محصول رو خریداری کرده باشید

به نام خدا

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

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

__

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

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

پس از اون باید مطمئن بشیم که اکتیویتی مورد نظر ما 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"/>
  • _ rating مقدار اولیه ریتینگ بار را مشخص میکنه.
  • _ stepSize با این خاصیت درواقع درصد پر شدن هر ستاره رو مشخص میکنید.
  • _ numStars تعداد ستاره های ریتینگ بار شماست.

 

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

 

Rating Bar | آموزش Rating Bar نوار امتیاز

__

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

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

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

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

@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"/>

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

Rating Bar | آموزش Rating Bar - نوار امتیاز

__

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

Rating Bar

شما هم دیدگاهی برای این مطلب ارسال کنید

مطالب مرتبط

مطالب تصادفی