【发布时间】:2014-02-21 07:51:22
【问题描述】:
我正在尝试使用带有文本的图像创建一个进度条(实际上该图像是保存为 png 的文本徽标)。
我已经使用 2 张图像(一张灰色的作为背景,一张蓝色的作为进度条)创建了一个普通的进度条,它工作得很好。
<ProgressBar
android:id="@+id/pbLoading"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="25dp"
android:layout_marginRight="25dp"
android:layout_marginTop="130dp"
android:background="@drawable/grayloadingbar"
android:progress="@integer/loadingProgress"
android:progressDrawable="@drawable/custom_progress"
android:radius="0dp"
android:visibility="visible" />
这是 custom_progress.xml
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:id="@android:id/progress">
<bitmap
android:gravity="center"
android:src="@drawable/blueloadingbar"
android:layout_height="fill_parent" />
<corners android:radius="0dp" />
</item>
</layer-list>
问题是用其他图像(上面提到的文本徽标图像)替换这 2 个图像,这看起来不太好。
加载工作正常,我可以看到进度,但进度条图像接缝具有固定大小,而背景 src 是可变的,具体取决于显示,我可以自己调整大小,这是我无法做到的进度条。
这是 XML:
<ProgressBar
android:id="@+id/pbLoading"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="fill_parent"
android:layout_height="68dp"
android:layout_gravity="center_vertical"
android:layout_marginLeft="25dp"
android:layout_marginRight="25dp"
android:layout_marginTop="130dp"
android:background="@drawable/loading_bw"
android:minHeight="20dip"
android:mirrorForRtl="false"
android:progress="@integer/fullProgress"
android:progressDrawable="@drawable/custom_progress"
android:radius="0dp"
android:visibility="visible" />
还有custom_progress
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:id="@android:id/progress">
<bitmap
android:gravity="center"
android:src="@drawable/loading_color"
android:layout_width="fill_parent"
android:layout_height="90dp" />
<corners android:radius="0dp" />
</item>
</layer-list>
我无法向您显示图像,但整个进度条看起来像 如果以背景图像的左上角为参考点,则为 100% 的宽度和高度以及 25dp 的顶部和左侧边距。
有什么想法吗?
我一直在为此挖掘很多东西,但到目前为止没有运气。
【问题讨论】:
-
那么总结一下,您需要将进度条居中吗?
-
有点。这个想法是让机器人图像一个在另一个之上,以便蓝色图像逐渐出现,使用户认为图像上的灰色文本逐渐变成蓝色。
标签: java android xml progress-bar graphical-logo