如何在Android中居中的RatingBar

时间:2013-05-15 14:51:23

标签: android xml android-linearlayout ratingbar

我已经创建了一个自定义RatingBar,如此处给出的关于堆栈溢出的教程中所述,它看起来很棒,问题在于图像的居中。这是我得到的: enter image description here

正如您所看到的,TextView在LinearLayout中垂直居中,但RatingBar位于其顶部。这是我的xml代码:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scrollView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:foregroundGravity="center" >

    <LinearLayout
        android:layout_width="320dp"
        android:layout_height="match_parent"
        android:gravity="center" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <RatingBar
            android:id="@+id/ratingBar1"
            style="@style/starsRatingBar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:numStars="5"
            android:rating="2.3"
            android:stepSize="1" />

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:src="@drawable/ic_launcher" />

    </LinearLayout>

</ScrollView>

以下是样式代码:

<style name="starsRatingBar" parent="@android:style/Widget.RatingBar">
        <item name="android:progressDrawable">@drawable/star_ratingbar_full</item>
        <item name="android:minHeight">36dip</item>
        <item name="android:maxHeight">36dip</item>
    </style>

评级栏中的任何想法都会被评估!

感谢

2 个答案:

答案 0 :(得分:4)

好的,我想我已经得到了它。

关键问题是ScrollView:它会自动使事情变得紧凑,除非你特别说明。在滚动视图中,设置

android:fillViewport="true"

使其占用可用空间。

答案 1 :(得分:0)

你好要把所有物品放在最上面你必须把:

<TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="top"
            android:text="TextView" />

而不是:

  <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

如果你只想让评级栏居中: 只需删除style =&#34; @ style / starsRatingBar&#34;

修改 忘记任何我认为的原因,当我改变风格时,似乎工作得更好:(调整你的最小/最大高度以获得&#34;完美的结果&#34;)

<style name="starsRatingBar" parent="@android:style/Widget.RatingBar">
        <item name="android:progressDrawable">@android:drawable/star_on</item>
        <item name="android:minHeight">26dip</item>
        <item name="android:maxHeight">26dip</item>
    </style>