3

ここでスタックオーバーフローに関するチュートリアルの1つで説明されているように、カスタムRatingBarを作成しましたが、見栄えがよく、問題は画像のセンタリングにあります。ここに私が持っているものがあります: ここに画像の説明を入力

ご覧のとおり、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>

評価バーのアイデアは評価されます!

ありがとう

4

2 に答える 2

4

わかりました、私はそれを手に入れたと思います。

重要な問題は、ScrollView特に指定しない限り、自動的にコンパクトになります。スクロールビューで、設定

android:fillViewport="true"

利用可能なスペースを使用できるようにします。

于 2013-05-16T10:55:06.443 に答える