绘制矩形搜索条

Question

在初始阶段，图像将如下所示

当我触摸图像的边缘部分并在图像的边界上顺时针方向移动时，区域应覆盖与下图相同的蓝色。请给出任何想法来绘制这样的模式。任何建议都是可行的

Answer 1

您只需在图片周围显示进度条即可。此进度条可以通过多种不同方式进行配置，如颜色，轮廓，百分比显示等。

例如：https://github.com/mrwonderman/android-square-progressbar/wiki/Usage

https://android-arsenal.com/details/1/1340

Answer 2

<SeekBar android:id="@+id/seekbar_volume"
android:layout_width = "match_parent"
android:layout_height="wrap_content"
android:max="100"
android:progress="0"
android:progressDrawable="@drawable/scrubber_progress_horizontal"
android:thumb="@drawable/scrubber_control_selector_holo_light"/>

并创建两个custo drawable scrubber_progress_horizo​​ntal.xml

<layer-list>
    <item android:id="@android:id/background" android:drawable="@drawable/urseekbarimage.png"/>
    <item android:id="android:id/secondaryProgress>
    <scale android:scaleWidth="100%" android:drawable="@drawable/urseekbar2.png"/>
    </item>
    <item android:id="@android:id/progress">
    <scale android:scaleWidth="100%" android:drawable/urseekbar3.png"/>
    </item>
</laye-list>

和另一个名为scrubber_control_selector_holo_right.xml的xml文件 并把这样的代码

<selector>
<item android:state_enabled="false"android="@drawable/yourthumbicon"/>
<item android:state_pressed="true"android="@drawable/yourthumbicon2"/>
<itemandroid:state_selected="true"android="@drawable/yourthumbicon3"/>
<item android:drawable="@drawable/yournormalthumbicon"/>
</selector>

如果有帮助请告诉我