Tôi muốn tạo kiểu cho một thanh tìm kiếm trông giống như trong hình bên dưới.
Bằng cách sử dụng thanh tìm kiếm mặc định, tôi sẽ nhận được một cái gì đó như thế này:
Vì vậy, những gì tôi cần là chỉ thay đổi màu sắc. Tôi không cần thêm phong cách. Có bất kỳ cách tiếp cận thẳng về phía trước để làm điều này hay tôi nên xây dựng bản vẽ tùy chỉnh của mình.?
Tôi đã thử xây dựng một tùy chỉnh, nhưng tôi không thể có được chính xác như được hiển thị ở trên. Sau khi sử dụng tùy chỉnh drawable, những gì tôi nhận được như dưới đây:
Nếu tôi cần xây dựng tùy chỉnh, thì vui lòng đề xuất cách giảm chiều rộng của đường tiến trình và cả hình dạng.
thực hiện tùy chỉnh của tôi:
nền_fill.xml:
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<gradient
android:angle="90"
android:centerColor="#FF555555"
android:endColor="#FF555555"
android:startColor="#FF555555" />
<corners android:radius="1dp" />
<stroke
android:width="1dp"
android:color="#50999999" />
<stroke
android:width="1dp"
android:color="#70555555" />
</shape>Progress_fill.xml
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<gradient
android:angle="90"
android:centerColor="#FFB80000"
android:endColor="#FFFF4400"
android:startColor="#FF470000" />
<corners android:radius="1dp" />
<stroke
android:width="1dp"
android:color="#50999999" />
<stroke
android:width="1dp"
android:color="#70555555" />
</shape>lũy tiến
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:id="@android:id/background"
android:drawable="@drawable/background_fill"/>
<item android:id="@android:id/progress">
<clip android:drawable="@drawable/progress_fill" />
</item>
</layer-list>ngón tay cái
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<gradient
android:angle="270"
android:endColor="#E5492A"
android:startColor="#E5492A" />
<size
android:height="20dp"
android:width="20dp" />
</shape>tìm kiếm quán bar:
<SeekBar
android:id="@+id/seekBarDistance"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginTop="88dp"
android:progressDrawable="@drawable/progress"
android:thumb="@drawable/thumb" >
</SeekBar>
40
Cảm ơn đã hiển thị một ví dụ thay đổi kiểu tìm kiếm làm việc XD. (không nhiều trên internet).
—
Helin Wang
