Biên nhận Android/zigzag drawable/layout

Question

Tôi cần tạo bố cục biên lai trong Android. Ý tưởng rất đơn giản, một bố cục hình chữ nhật với cạnh dưới ngoằn ngoèo.

Kết quả tốt nhất là bố cục/bố cục với kích thước hình chữ nhật cố định (nghĩa là kích thước hình tam giác cố định), sẽ nhân số lượng hình tam giác theo chiều rộng thực tế của hình dạng, theo thời gian thực. Với một clip có thể, để có hình tam giác cắt bớt nếu cần thiết.

Đây là một ví dụ điển hình (chỉnh sửa: Tôi đang đề cập đến dòng ngoằn ngoèo dưới):

Tôi thực sự không có ý tưởng vững chắc làm thế nào để tạo ra nó. Suy nghĩ của 9 miếng vá, nhưng nó có vẻ không phù hợp. Tư tưởng của danh sách lớp drawable với offsets ngang có thể ..

Có lẽ nó có thể tạo ra một bản vá 9 với các phần quy mô riêng biệt, để giữ tỷ lệ khía cạnh của zigzag ... Điều này cũng sẽ được OK.

EDIT - TRẢ LỜI Sử dụng nhận xét của @Luksprog, tôi dễ dàng tạo lại những gì tôi muốn.
Dưới đây là một số mã:

Image (lưu ý chiều cao tương ứng với kích thước hình ảnh nguồn):

<ImageView 
     android:id="@+id/zigzag_bottom" 
     android:layout_width="match_parent" 
     android:layout_height="12dp" 
     android:adjustViewBounds="true" 
     android:scaleType="fitXY" 
     android:src="@drawable/zigzag" />  

drawable:

<?xml version="1.0" encoding="utf-8"?> 
    <bitmap xmlns:android="http://schemas.android.com/apk/res/android" 
     android:src="@drawable/ic_zigzag" 
     android:tileMode="repeat" 
     android:antialias="true" 
    /> 

Answer 1

Bạn không thể làm cho một con đường chín cho rằng hình ảnh bởi vì không có cách nào để xác định một khu vực có thể kéo dài ở phía dọc hoặc ngang. Để có được mẫu zig-zag đó, bạn có thể trích xuất một trong các răng zig-zag (cùng với bóng nền) và bọc nó trong một BitmapDrawable có thuộc tính tileMode để lặp lại ảnh được bao bọc bên trong các giới hạn có thể vẽ được. Bằng cách này, răng zig-zag sẽ được lặp lại và bạn sẽ soạn mẫu.

lưu ý chiều cao tương ứng với kích thước hình ảnh nguồn

Đây là một kịch bản hạnh phúc, nhưng bạn có thể làm cho nó hoạt động đối với trường hợp khi chiều cao không phù hợp. Ví dụ, bạn có thể quấn zig-zag BitmapDrawable trong một LayerDrawable (cùng với chế độ xem thực tế có thể kéo được (đối với phần còn lại của khu vực xem)) và sau đó sử dụng setLayerInset() để đặt bản vẽ ở dưới cùng. Bạn cũng có thể tạo drawable của riêng bạn để đặt hình mẫu zig-zag ở phía dưới bằng cách ghi đè phương thức onDraw().