Làm cách nào để làm cho thanh tìm kiếm/thanh trượt được phân đoạn như sau?

Question

Tôi đã tự hỏi liệu có ai có thể cung cấp gợi ý hoặc nguồn để đạt được tiện ích con trượt sau được sử dụng trong "Vòng kết nối - Ai xung quanh?" Đây là lần đầu tiên tôi đã từng đi qua này và tôi không chắc chắn những gì để chính xác tên phụ tùng này .:

Tôi đã nghĩ đến việc sử dụng nền tùy chỉnh seekbar để làm điều này, nhưng tôi không chắc chắn làm thế nào để tôi tìm ra các pixel chính xác mà thanh tìm kiếm sẽ đạt đến bước tiếp theo. Vì nó sẽ độc lập với các thiết bị. Trong trường hợp của tôi, tôi đang lên kế hoạch sử dụng hình ảnh, thay vì các chỉ số.

Vui lòng không trỏ đến liên kết này http://www.mokasocial.com/2011/02/create-a-custom-styled-ui-slider-seekbar-in-android/ vì đây không phải là điều tôi muốn đạt được. Họ dường như đã sử dụng chân trang hình ảnh tĩnh để hiển thị D, W, K. Tôi đã thử ứng dụng đó và nó thậm chí không bước đến các chấm chính xác hoặc D, W, K. Tôi đã xem AT & T Điều khiển trượt Android nhưng dường như chúng không cung cấp bất kỳ nguồn nào cho nó. Tôi đã tìm thấy một số devs iOS đạt được điều đó nhưng, tôi không thực sự hiểu mã obj C để đạt được điều đó trong Android.

Answer 1

Đây chỉ là một seekbar với nền tùy chỉnh thumb và nền. Bạn có thể sử dụng một 9patch cho nền để nó lấp đầy độc đáo và chỉ đặt chúng trong phong cách của bạn

Answer 2

Tôi chắc chắn ai đó có thể vẫn đang tìm kiếm điều này và tôi không muốn họ lãng phí thời gian của họ để tìm ra. Dưới đây là link để git có thể thực hiện tìm kiếm/thanh trượt được phân đoạn bằng tiêu đề văn bản để bạn không cần phải thêm hình ảnh tĩnh và lo lắng về việc nó bị kéo dài ở các kích thước màn hình khác nhau ..

Đây là những gì tôi đã có thể đạt được sửa đổi nguồn và các thuộc tính. Tôi đã thay đổi giá trị đột quỵ, nhẫn sơn, thay đổi đệm, kích thước văn bản để làm cho văn bản có thể nhìn thấy và rõ ràng và sửa đổi mã để đạt được giao diện người dùng bên dưới.

Answer 3

Sau câu trả lời @Milanix sử dụng thư viện tại https://github.com/karabaralex/android-comboseekbar đây nó là một ví dụ mã tối thiểu mà làm việc cho tôi:

<com.infteh.comboseekbar.ComboSeekBar 
     android:id="@+id/seekbar" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     custom:color="#000" 
     custom:textSize="12sp" 
     custom:multiline="false" 
     /> 

Sau đó, trong Hoạt động

private ComboSeekBar mSeekBar; 
List<String> seekBarStep = Arrays.asList("All","1","5","10","20"); 
mDistanceSeekBar.setAdapter(seekBarStep); 

này sẽ tạo ra một màu đen thanh tìm kiếm được phân đoạn bằng các giá trị mặc định. Nếu bạn cần thêm một số tùy chỉnh, hãy xem ComboSeekBar.onDraw(), CustomDrawable.draw() và CustomThumbDrawable.draw().

Dự án này đã hoàn thành nhưng vẫn là điểm khởi đầu vững chắc.

Answer 4

@Giulio cảm ơn vì bài đăng của bạn, tôi có cùng vấn đề với Ron Eskinder. Tôi đã khắc phục sự cố bằng cách xóa: "tùy chỉnh: màu", "tùy chỉnh: nhắn tin" và "tùy chỉnh: nhiều dòng" trong tệp xml. sau đó trong Java Tôi đặt này:

mSeekBar = (ComboSeekBar) findViewById(R.id.seekbar); 
List<String> seekBarStep = Arrays.asList("All","1","5","10","20"); 
mSeekBar.setAdapter(seekBarStep); 

Hy vọng điều này sẽ giúp