2013-10-21 9 views
13

Sto usando lo Sherlock pager indicator e i cerchi nel cercapersone non sembrano abbastanza rotondi (ho provato diversi colori e si può ancora vedere che non sono rotondi).L'indicatore del cercapersone circolare non gira intorno

enter image description here

Qui è lo stile che ho usato per la 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> 

voglio ottenere il seguente risultato (ma con colori diversi):

enter image description here

Ecco il layout 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

è possibile pubblicare il tuo XML.It sembra imbottitura in XML – TheFlash

+0

@Indiandroid fatto, ma sono abbastanza sicuro che non è un problema con il layout xml . – user1940676

+0

correggere l'altezza di CirclePageIndicator e controllarlo. – TheFlash

risposta

38

Aggiungere IMBOTTITURA

Abbia un'occhiata alla pagina di esempio manuale per l'indicatore cerchio:

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

Come funziona il vostro indicatore di sguardo, quando basta utilizzare le proprietà di base fornito nell'esempio?

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

Riassumi: AGGIUNGI L'IMBOTTITURA! – rocknow

+0

@rocknow: hai ragione :) – alex

+0

L'imbottitura ha fatto il trucco ... Grazie amico ... + 1 –

4

add imbottitura a questo frammento di codice

<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" />