3

以下のUIを実装しようとしています。ADTプラグインでEclipseを使用しています。

Spotify UI

以下は、円 [白 + 濃い灰色] (circle_shape.xml) の実装です。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background">
        <shape android:shape="ring" android:innerRadius="65dp" android:thickness="10dp"
            android:useLevel="false">
            <solid android:color="@android:color/white" />
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <shape android:shape="ring" android:innerRadius="57dp" android:thickness="8dp" android:useLevel="false">
            <solid android:color="#FF393939" />
        </shape>
    </item>
</layer-list>

プログレスバー [緑] (circle_progress_bar.xml) as:

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android" android:fromDegrees="270" android:toDegrees="270">
    <shape android:innerRadius="65dp" android:shape="ring" android:thickness="10dp">
        <gradient android:angle="0" android:endColor="#FF00FF00" android:startColor="#FF00FF00" android:type="sweep" android:useLevel="false" />
    </shape>
</rotate>

レイアウト xml ファイルで次のように指定します。

<ProgressBar
    android:id="@+id/progressBar"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:layout_alignBottom="@+id/repeat"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="36dp"
    android:background="@drawable/circle_shape"
    android:indeterminate="false"
    android:max="100"
    android:progress="65"
    android:progressDrawable="@drawable/circular_progress_bar" />

問題 1: 上記のコードは、API 19 と API 20 でのみ、必要に応じて正確な形状を提供します。緑色で塗りつぶされた円。Android Lで同じことを行う方法を理解できません。

問題 2: これはスイッチ ボタンに関連しています。API 21では、簡単に設定できます

<android:textOn="" android:textOff="">

そしてボタンはきれいに見えます。ただし、API19 で同じものを表示すると、textOn 属性と textOff 属性を使用してテキストを設定するまで、Thumb ドローアブルが歪む (圧迫される) ようになります。

誰かが同じことで私を助けてくれますか?

十分に建設的ではないと思われる場合は、お気軽に質問を移動 / 閉じてください。しかし、親切に私を他の役立つリソースにリダイレクトしてください.

編集1 :以下は問題2のスクリーンショットです API 19 と API 21 の比較

switch の XML は次のようになります。

<Switch
        android:id="@+id/switch1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/repeat"
        android:layout_alignBottom="@+id/repeat"
        android:layout_alignParentLeft="true"
        android:background="@drawable/toogle_selector"
        android:checked="true"
        android:thumb="@drawable/circle_1"
        android:track="@drawable/transparent"
        android:textOn=""
        android:textOff=""/>
4

1 に答える 1