Android Drawable(进度条,开关)渲染问题

时间:2014-11-26 08:46:38

标签: android eclipse android-drawable android-5.0-lollipop xml-drawable

我正在尝试实现以下UI。我正在使用Eclipse和ADT插件。

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>

和进度条[Green](circle_progress_bar.xml)为:

<?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.只要我将Eclipse中的预览模式切换到API 21,progressDrawable似乎填满整个圆圈,只留下一个圆圈填满绿色。我无法想象如何在Android L上做同样的事情。

问题2:           这与切换按钮有关。在API 21中,我可以轻松设置

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

按钮看起来很好。但是,如果我在API19中查看相同内容,Thumb drawable会变形(压缩),直到我使用textOn和textOff属性设置一些文本。

有人可以帮助我吗?

如果问题看起来不够有建设性,请随时移动/关闭问题。但请善待我转发其他一些有用的资源。

修改1 : 以下是问题2 的屏幕截图 API 19 and API 21 Comparison

XML for switch如下:

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

1 个答案:

答案 0 :(得分:8)

找到解决问题的方法

在“Circular_progress_bar”中

<?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"
        android:useLevel="true" >
        <gradient
            android:angle="0"
            android:endColor="#FF00FF00"
            android:startColor="#FF00FF00"
            android:type="sweep"
            android:useLevel="false" />
    </shape>

</rotate>

<强>由于 android:useLevel =“true”默认 false 是API级别21

<强>之前 enter image description here

<强>后 enter image description here