2011-08-14 8 views
17

Ở mức độ cao, tôi đã thực hiện một số loại kiểu thanh tiến trình, nhưng tất cả đều xấu xí khi tôi cố gắng làm cho chúng gầy.Làm cho một tiến trình Skinny tùy chỉnhBar/Seekbar

Tôi đang tìm kiếm một hướng dẫn nhảy bắt đầu hoặc bố trí mà sẽ cung cấp một thanh trông tương tự như hình ảnh dưới đây

enter image description here

Bất kỳ ý tưởng? Tôi sẽ rất vui khi xuất bản kết quả khi/nếu tôi yêu cầu họ làm việc.

+0

Bạn có thử cài đặt drawable tiến độ và ngón tay cái? – Ronnie

+0

Vâng, vâng. Đó là những gì phải được thực hiện không có vấn đề gì. Tôi càng tìm kiếm các ví dụ hoặc công việc hoặc hướng dẫn về cách tạo thanh tiến trình gầy. – Du3

+0

Bạn sẽ tìm thấy một hướng dẫn rất tốt [ở đây] (http://www.mokasocial.com/2011/02/create-a-custom-styled-ui-slider-seekbar-in-android/) – Ronnie

Trả lời

32

Có thuộc tính android: maxHeight thực hiện chính xác những gì bạn cần. Bạn nên đặt android: thumb drawable lớn hơn maxHeight để đạt được hiệu ứng tìm kiếm bóng bẩy.

Ví dụ:

<SeekBar 
     android:id="@+id/whiteBalanceSeek" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="3dp" 
     android:max="200" 
     android:maxHeight="3dp" 
     android:paddingLeft="10dp" 
     android:paddingRight="10dp" 
     android:progress="100" 
     android:progressDrawable="@drawable/slider_progress" 
     android:thumb="@drawable/thumb_img" /> 

Các drawable slider_progress được lấy từ here và thumb_img là một PNG trần với một vòng tròn màu đỏ.

Đây là những gì tôi nhận:

Slick sliders

+1

bạn có thể chia sẻ slider_progress và thumb_img, tôi nghĩ rằng khóa là progressDrawable và ngón tay cái – pengwang

+0

progressDrawable là không có gì đặc biệt. Tôi đã sử dụng lại XML từ đây: http://stackoverflow.com/questions/2020882/how-to-change-progress-bars-progress-color-in-android Và hình ảnh ngón tay cái là một vòng tròn màu đỏ trần PNG –

+0

Tôi có một nghi ngờ ... Không phải 'maxHeight' được coi là chiều cao của toàn bộ' SeekBar' và do đó cắt bỏ ngay cả ngón tay cái trong trường hợp nó vượt quá nó? Tại sao nó chỉ làm việc cho progressBar? –