bsdsoftware/BSDViewPagerIndicator

语言: Java

git: https://github.com/bsdsoftware/BSDViewPagerIndicator

查看Android的寻呼机指示器
Indicatore view pager per android
README.md (中文)

BSD ViewPagerIndicator

查看Android的寻呼机指示器

在CNA Bologna项目中使用的示例。

使用

在XML布局中包含BSDIndicator和ViewPager。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <it.bsdsoftware.library.BSDIndicator
        android:id="@+id/indicator"
        android:padding="10dip"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_alignParentRight="true"
        app:indicatorClickable="true"
        app:backgroundColorDeselected="@color/black"
        app:backgroundColorSelected="@color/green"
        app:textColorSelected="@color/blue"
        app:textColorDeselected="@color/white"
        app:indicatorPadding="8"
        app:indicatorMargin="8"
        app:indicatorSquare="true"
        app:indicatorTextSize="18"
        app:indicatorTextStyle="bold_italic"
        />

</RelativeLayout>

要自定义指标,您可以使用一些参数:

启用单击指示器,单击该按钮将打开所选页面。

    app:indicatorClickable="true"

强制指标的大小。使用此参数将具有方形尺寸。

    app:indicatorSquare="true"

要一起使用,请确定选择页面时和不选择页面时必须具有的背景颜色。 或者,也可以使用drawable:

    app:backgroundColorDeselected="@color/black"
    app:backgroundColorSelected="@color/green"
    app:backgroundDrawableDeselected="@drawable/sfondo_pager_evento"
    app:backgroundDrawableSelected="@drawable/sfondo_pager_evento_selezionato"

要一起使用,它会确定选择页面时必须具有的文本颜色。

    app:textColorSelected="@color/blue"
    app:textColorDeselected="@color/white"

定义每个指标的内部填充。

    app:indicatorPadding="8"

定义一个指标与另一个指标之间的差距。

    app:indicatorMargin="8"

将大小应用于文本。测量单位是sp。

    app:indicatorTextSize="18"

如果要对所选页面和取消选择的页面使用不同的大小,还可以使用:

    app:indicatorTextSizeDeselected="18"
    app:indicatorTextSizeSelected="18"

将样式应用于文本。它接受的值是: 粗体,斜体,正常,粗体

    app:indicatorTextStyle="bold_italic"

如果要为所选页面和取消选择的页面使用不同的样式,您还可以使用:

    app:indicatorTextStyleDeselected="bold_italic"
    app:indicatorTextStyleSelected="bold_italic"

文本

如果要在所有可以使用的页面中添加相同的文本:

    app:indicatorText="P"

如果要为每个页面使用自定义文本,有两种方法。 如果您想要所选页面的其他文本并取消选择,请使用:

    indicator.setSelectedText(selected);
    indicator.setDeselectedText(deselected);

接受带有文本的两个字符串列表;

否则,如果所选页面和未选中页面的文本仍然相同:

    indicator.setLabelText(label);

它始终接受字符串列表。

要初始化指标,必须在Activity(或Fragment)中实例化它,设置任何参数并最终设置ViewPager。

设置ViewPager是必不可少的,否则它将无法正常工作。 调用setViewPager方法时,必须已实例化ViewPager并具有适配器。

例如:

   BSDIndicator indicator = (BSDIndicator) findViewById(R.id.indicator);

   indicator.setTextColorDeselected(Color.WHITE);
        indicator.setTextColorSelected(Color.BLUE);
        indicator.setBackgroundColorSelected(Color.GREEN);
        indicator.setBackgroundColorDeselected(Color.BLACK);
        indicator.setPadding(8);
        indicator.setMargin(8);
        indicator.setIndicatorClickable(true);
        indicator.setLabelText(label);

        indicator.setViewPager(mPager);

下载

将路径添加到存储库:

repositories {
        jcenter()
        maven {
            url "http://dl.bintray.com/bsdsoftware/bsdsoftware"
        }
    }

并在gradle文件中依赖:

compile 'it.bsdsoftware:bsd-viewpager-indicator:1.1'

本文使用googletrans自动翻译,仅供参考, 原文来自github.com

en_README.md

BSDViewPagerIndicator

Indicatore view pager per android

Esempio di utilizzo nel progetto CNA Bologna.

Utilizzo

Includere BSDIndicator nel layout XML insieme al ViewPager.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <it.bsdsoftware.library.BSDIndicator
        android:id="@+id/indicator"
        android:padding="10dip"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_alignParentRight="true"
        app:indicatorClickable="true"
        app:backgroundColorDeselected="@color/black"
        app:backgroundColorSelected="@color/green"
        app:textColorSelected="@color/blue"
        app:textColorDeselected="@color/white"
        app:indicatorPadding="8"
        app:indicatorMargin="8"
        app:indicatorSquare="true"
        app:indicatorTextSize="18"
        app:indicatorTextStyle="bold_italic"
        />

</RelativeLayout>

Per personalizzare l'indicatore si possono utilizzare alcuni parametri:

Abilita il click sull'indicatore, al click apre la pagina selezionata.

    app:indicatorClickable="true"

Forza le dimensioni dell'indicatore. Con questo parametro avrà dimensioni quadrate.

    app:indicatorSquare="true"

Da utilizzare insieme, stabilisce il colore di sfondo che deve avere uando una pagina è selezionata e quando non lo è.
In alternativa si può utilizzare anche un drawable:

    app:backgroundColorDeselected="@color/black"
    app:backgroundColorSelected="@color/green"
    app:backgroundDrawableDeselected="@drawable/sfondo_pager_evento"
    app:backgroundDrawableSelected="@drawable/sfondo_pager_evento_selezionato"

Da utilizzare insieme, stabilisce il colore del testo che deve avere quando una pagina è selezionata e quando non lo è.

    app:textColorSelected="@color/blue"
    app:textColorDeselected="@color/white"

Definisce il padding interno di ogni singolo indicatore.

    app:indicatorPadding="8"

Definisce il margine tra un'indicatore e l'altro.

    app:indicatorMargin="8"

Applica la grandezza al testo. L'unità di misura sono gli sp.

    app:indicatorTextSize="18"

Se si vuole utilizzare grandezze diverse per la pagina selezionata e quella deselezionata si può usare anche:

    app:indicatorTextSizeDeselected="18"
    app:indicatorTextSizeSelected="18"

Applica lo stile al testo. I valori che accetta sono:
bold, italic, normal, bold_italic

    app:indicatorTextStyle="bold_italic"

Se si vuole utilizzare stili diversi per la pagina selezionata e quella deselezionata si può usare anche:

    app:indicatorTextStyleDeselected="bold_italic"
    app:indicatorTextStyleSelected="bold_italic"

Testi

Se si vuole aggiungere un testo uguale in tutte le pagine si può utilizzare:

    app:indicatorText="P"

Se si vuole utilizzare un testo personalizzato per ogni pagina invece ci sono due modi.
Se si vuole un testo diverso per la pagina selezionata e deselezionata si utilizza:

    indicator.setSelectedText(selected);
    indicator.setDeselectedText(deselected);

Che accettano due liste di stringhe con i testi;

Altrimenti se il testo per la pagina selezionata e deselezionata è sempre lo stesso:

    indicator.setLabelText(label);

Che accetta sempre una lista di stringhe.

Per inizializzare l'indicatore è necessario instanziarlo nell'Activity (o Fragment), impostare eventuali parametri e infine impostare il ViewPager.

Impostare il ViewPager è essenziale, altrimenti non funziona.
Quando viene chiamato il metodo setViewPager, il ViewPager deve essere già stato instanziato e avere un Adapter.

Esempio:

   BSDIndicator indicator = (BSDIndicator) findViewById(R.id.indicator);

   indicator.setTextColorDeselected(Color.WHITE);
        indicator.setTextColorSelected(Color.BLUE);
        indicator.setBackgroundColorSelected(Color.GREEN);
        indicator.setBackgroundColorDeselected(Color.BLACK);
        indicator.setPadding(8);
        indicator.setMargin(8);
        indicator.setIndicatorClickable(true);
        indicator.setLabelText(label);

        indicator.setViewPager(mPager);

Download

Aggiungere al repository il percorso:

repositories {
        jcenter()
        maven {
            url "http://dl.bintray.com/bsdsoftware/bsdsoftware"
        }
    }

e nel gradle file la dipendenza:

compile 'it.bsdsoftware:bsd-viewpager-indicator:1.1'