با عضویت در کانال تلگرام ما همیشه بروز باشید :)
برای ورود به کانال کلیک کنید / دانلود تلگرام نسخه ویندوز
تايتل قالب
منو

IRANSYSTEM

تیم امنیتی آموزشی ایران سیستم |Iranian Security Training Team




سلام ، در خدمتتون هستیم با آموزش نوار امتیاز 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"/>

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

__

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

mojtaba khatibi ۲۶ اسفند ۹۶ ، ۱۰:۰۰ ۰ ۵۶ طراحی وب

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
تجدید کد امنیتی

تیم اموزشی ایران سیستم با هدف اشنا کردن علاقه مندان به اموزش مسائل کامپیوتر. نرم افزار . بازی و ...
در این سایت تلاش کردیم، تمامی نیازهای کاربران برای دسترسی سریع و آسان به محتوای کاربردی در حوزه‌های مختلف را هم‌ زمان فراهم آوریم.
با تشکر



ایران سیستم