2013-10-21 80 views
13

我正在使用Sherlock pager indicator,並且尋呼機中的圓圈看起來不夠圓(我嘗試了不同的顏色,並且仍然可以看到它們不是圓的)。圓形尋呼機指示器看起來不圓

enter image description here

這是我一直在使用的CircleIndicator

<style name="CustomCirclePageIndicator"> 
    <item name="fillColor">@color/light_blue</item> 
    <item name="unselectedColor">@android:color/white</item> 
    <item name="centered">true</item> 
    <item name="strokeColor">@null</item> 
    <item name="pageColor">@android:color/white</item> 
</style> 

我想達到以下結果(但具有不同的顏色)的樣式:

enter image description here

這裏是佈局xml

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@color/brown" 
    android:orientation="vertical" > 

    <RelativeLayout 
     android:id="@+id/top_layout" 
     android:layout_width="fill_parent" 
     android:layout_height="170.00dp" 
     android:background="@color/light_blue" > 

     <ImageView 
      android:id="@+id/logo" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:layout_marginTop="5dp" 
      android:background="@drawable/login_logo" /> 

     <TextView 
      android:id="@+id/logo_text" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@id/logo" 
      android:layout_centerHorizontal="true" 
      android:text="..." 
      android:textSize="16sp" /> 
    </RelativeLayout> 

    <android.support.v4.view.ViewPager 
     android:id="@+id/pager" 
     android:layout_marginTop="20dp" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_above="@+id/titles" 
     android:layout_below="@id/top_layout" 
     android:layout_centerHorizontal="true" 
     android:overScrollMode="never" > 
    </android.support.v4.view.ViewPager> 

    <com.viewpagerindicator.CirclePageIndicator 
     android:id="@+id/titles" 
     style="@style/CustomCirclePageIndicator" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_centerHorizontal="true" 
     android:layout_marginBottom="20dp" /> 

</RelativeLayout> 
+0

你可以發表你的XML.It似乎填充在XML – TheFlash

+0

@Indiandroid做,但我敢肯定它是不是跟XML佈局的問題。 – user1940676

+0

修復CirclePageIndicator的高度並檢查它。 – TheFlash

回答

38

添加PADDING

有看手冊例如頁面圓圈指示符:

https://github.com/JakeWharton/Android-ViewPagerIndicator/blob/master/sample/res/layout/simple_circles.xml

請問你的指標看,當你只是使用的基本屬性在例子中提供?

<com.viewpagerindicator.CirclePageIndicator 
    android:id="@+id/indicator" 
    android:padding="10dip" 
    android:layout_height="wrap_content" 
    android:layout_width="fill_parent" 
    /> 
+4

總結:添加填充! – rocknow

+0

@rocknow:你是對的:) – alex

+0

Padding做了詭計......謝謝你...... + 1 –

4

添加填充到這個代碼片斷

<com.viewpagerindicator.CirclePageIndicator 
    android:id="@+id/titles" 
    style="@style/CustomCirclePageIndicator" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_centerHorizontal="true" 
    android:padding="10dp" 
    android:layout_marginBottom="20dp" />