كيفية اضافة تقييم RatingBar داخل برنامج اندرويد ستوديو Android studio باي شكل ترغب به

 

كيفية اضافة تقييم RatingBar داخل برنامج اندرويد ستوديو Android studio

كيفية اضافة تقييم RatingBar داخل برنامج اندرويد ستوديو Android studio


اولا قم بعمل RatingBar داخل تصميمك xml واهم الاوامر المستخدمه بداخله هي numStars وهي عدد النجوم و progressBackgroundTint وتعني خلفية اللون و secondaryProgressTint اللون الثاني الذي يظهر و progressTint اللون المكتمل و rating هي بداية التقييم من اي نجمه وهنا قمت بعملها 1 يمكنك تغيره , stepSize حجم التقييم بمعنى انه يمكنك عمل تقييم نصف نجمه او 1.5 او 2.5 وهكذا .


يعتبر تطوير تطبيقات واحد من اكثر الوظايف التي لديها اقبال كبير من اكثر من شركة تطوير تطبيقات الجوال حيث تعد هذة الوظيفة من اهم الوظايف ومطور اندرويد ستوديو لديه القدرة على العمل في شركة تطوير تطبيقات الجوال براتب شهري و ايضا العمل في العمل الحر " freelancer " ويوجد مواقع كثرة للعمل الحر على الانترنت ويوجد طلبات في مجال تطوير تطبيقات الموبايل كبير جدا سواء كان بفلاتر او كوتلن او جافا او غيره الجميع موجود , ولكن قد يكون الافضليه لمطورين الفلاتر بسبب انها اوفر في المال وذلك لانه قد ياتي شخص يطلب تطوير تطبيقات الهواتف الذكية تعمل بناظم ios و اندرويد والميزانية تكون 300 دولار على سبيل المثال فالامر صعب جدا ان تقوم بعمل تطبيقين بلغات مختلفة لذلك يستخدمون فلاتر .


بعد تطوير تطبيقات الجوال ونشرة على متجر بلاي يستطيع المستخدمين تقييم التطبيق الخاص بك بعد عملية تطويرة وهذا ما سوف نقوم بعمل تقييم داخل تطوير تطبيقات الجوال لكي تمكن المستخدم من خاصية عمل تقييم داخل تطبيقك لاي شيئ تريدة ونحن نقدم لكم دائما افكار تمكنك من تطوير تطبيقات , حتى تستطيع برمجة التطبيق الذي ترغب به بالفكرة التي تريدها وهذا من نسعى له وهو تطوير تطبيقات الجوال و الهواتف الذكية باحترافية .


نسعى دائما في جي كودرس - geecoders ان نقدم لكم افكار تطوير تطبيقات الاندرويد وتحسن من شكله ايضا نقدم لكم افكار بسيطة يمكنك من خلالها صناعة تطبيقات اندرويد و الربح منها , يمكنك تصفح الموقع قبل تطوير تطبيقات الاندرويد وذلك لانك قد تجد لدينا شرح مبسط لخاصية يمكنك ادراجها في تطبيقك تحسن من شكلة .


قم بإضافة الكود التالي داخل activity xml.


<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ui.notifications.BlankFragment1">


    <RatingBar
        android:id="@+id/rating"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:numStars="5"
        android:progressBackgroundTint="#AFAFAF"
        android:progressTint="#5C42D3"
        android:secondaryProgressTint="#AFAFAF"
        android:rating="1"
        android:stepSize="0.5"
        />


</RelativeLayout>


يمكنك ادخال الكود التالي ايضا في التصميم السابق وهو مسؤول عن تثبيت التقييم


android:isIndicator="true"


تعالو الان نتعرف على الكود الخاص بالتقييم واظهار رسالة بعدد التقيمات لكل عنصر من العناصر , بكل بساطه سوف تقوم بتعريف شريط التقييم وبعدها قم بعمل setOnRatingBarChangeListener للتقييم واظهار رسالة بعدد بقيمة التقييم كما يظهر في الكود .



كود برمجة جافا خاص باظهار رسالة بقيمة التقييم داخل اندرويد ستوديو


class MainActivit

public class MainActivity extends AppCompatActivity {
    ActivityMainBinding binding;
    private static final String TAG = "MainActivity";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        binding = DataBindingUtil.setContentView(this, R.layout.activity_main);


        binding.rating.setOnRatingBarChangeListener(new RatingBar.OnRatingBarChangeListener() {
            @Override
            public void onRatingChanged(RatingBar ratingBar, float rating, boolean fromUser) {
                Toast.makeText(MainActivity.this, String.valueOf(rating), Toast.LENGTH_SHORT).show();
                Log.i(TAG, "onRatingChanged: "+ rating);
            }
        });

        binding.btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                float number = binding.rating.getRating();
                Toast.makeText(MainActivity.this, "Button Clicked" + number, Toast.LENGTH_SHORT).show();
            }
        });


    }
}

    


اذا كنت تريد عمل زر عندما تنقر عليه يظهر لك التقييم ومتوسط التقيميات يمكنك الرجوع الى activity_main وعمل هناك زر وارجع الى الكود مره اخرى وقم بتعريف الزر وبعدها قم بعمل setOnClickListener وعمل به رسالة بتقيمك ورسالة بمتوسط التقيمات .




كيفية تغيير شكل النجوم في التقييم RatingBar بأي اشكال اخرى داخل الاندرويد ستوديو


اولا قم بتحميل الملف التالي حيث يوجد به مجموعة قلوب وهذا ما سنعمل عليها 



بعد ذلك افتح الملف واضف ال3 قلوب الى مجلد الصور في android studio .


قم بعمل تصميم جديد عن طريق التوجة الى ملف drawable  وعمل drawable resource file وقم بتسميته باي اسم تريدة وبعدها قم بعمل layer-list وقم بعمل 3 item واحده للشكل الفارغ واخرى لنصف مكتمل والاخيرة للمكتمل



الكود الموجود في الصورة لبرنامج android studio



<?xml version = "1.0" encoding ="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@android:id/background"
        android:drawable="@drawable/heartback" />
    <item
        android:id="@android:id/secondaryProgress"
        android:drawable="@drawable/hearthalf" />
    <item
        android:id="@android:id/progress"
        android:drawable="@drawable/heart" />
</layer-list>



احيرا ارجع الى التصميم الخاص بك xml وقم باضافة الامر التالي وهو مسؤول عن استبدال الشكل باي شكل اخر ومنه اختر اسم التصميم الذي قمت بعملها في الخطوة السابقة وهكذا كل مافي الامر .


style.xml

    <style name="webinarRatingBar" parent="@android:style/Widget.RatingBar">
        <item name="android:minHeight">32dip</item>
        <item name="android:minWidth">36dip</item>
        <item name="android:progressDrawable">@drawable/ratting_star</item>
    </style>
    


الامر الموجود في الصورة 


android:progressDrawable="@drawable/ratingheart"




تعليقات