2016年1月23日 星期六

Android 的 Segmented Control 介面


iOS 有一個好用的 UISegmentedControl;在 Android 下卻沒有。不過,世界這麼大,當然有人開發了 Android 版的 Segmented Control。對於我這個 Android 初哥來說,它的文件有個不明白的地方,就是那個 Style 的東西究竟放在哪?又要用甚麼包著?而且,在預覽中看到的 Tab 的圓角只套用到第一個 Tab,之後的 Tab 都沒有圓角;一直以為欠缺了 Style 的設定,搞了一輪也解決不了。直到在模擬器上執行,才知道根本不用設定。

fragment_browse.xml
<info.hoang8f.android.segmented.SegmentedGroup
    xmlns:segmentedgroup="http://schemas.android.com/apk/res-auto"
    android:id="@+id/browse_segment"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    android:orientation="horizontal"
    segmentedgroup:sc_tint_color="@color/COLOR_SEGMENT_BORDER"
    segmentedgroup:sc_checked_text_color="@color/COLOR_SEGMENT_HIGHLIGHT_TEXT"
    segmentedgroup:sc_border_width="@dimen/SEGMENTCONTROL_BORDER"
    segmentedgroup:sc_corner_radius="@dimen/SEGMENTCONTROL_CORNER">

    <RadioButton
        android:id="@+id/motion_editor"
        android:text="Motion Editor"
        android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        style="@style/RadioButton" />

    <RadioButton
        android:id="@+id/controller"
        android:text="Controller"
        android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        style="@style/RadioButton" />
</info.hoang8f.android.segmented.SegmentedGroup>

沒有留言: