Tự động sắp xếp các Nút quanh Vòng tròn

Question

Tôi vẫn còn mới cho android nên tôi không hoàn toàn quen thuộc với tất cả các thành phần xem. Tôi đang vật lộn với việc căn chỉnh các Nút động quanh một vòng tròn.

Những gì tôi đang cố gắng để đạt được là để thêm các nút n (n có thể thay đổi vào thời điểm sáng tạo) để một cái nhìn trông giống như hình ảnh đính kèm:

Tôi muốn tránh sử dụng absoluteLayout (nhưng tôi mở để gợi ý nếu đó là cách duy nhất để giải quyết nó). tôi đã đưa ra một tính toán cho x/vị trí y cho các nút (bỏ qua kích thước nút cho bây giờ):

int iNumberOfButtons = 10; 
double dIncrease = Math.PI * 2/iNumberOfButtons, 
    dAngle = 0, 
     x = 0, 
     y = 0; 

    for(int i = 0; i < iNumberOfButtons; i++) 
    { 
    x = 100 * Math.cos(dAngle) + 200; 
    y = 100 * Math.sin(dAngle) + 200; 
    dAngle += dIncrease; 
    // get button and set position? 
    } 

Tôi nghĩ về việc sử dụng mã này từ bên trong một giao diện tùy chỉnh nhưng từ những gì tôi đã nhìn thấy xem cần phải được phân lớp từ ViewGroup để có phương thức addView và sau đó một lần nữa chỉ absoluteLayout dường như cho phép thiết lập x, y position ... Tôi đang thua lỗ cách thực hiện tính năng này.

Tôi có thể thêm một số hoạt ảnh vào chế độ xem đó sau này, vì vậy việc sử dụng SurfaceView có thể tốt đẹp nếu có thể nhưng không phải là yêu cầu.

Answer 1

Tôi nghĩ rằng tôi đã tìm thấy giải pháp mà tôi đã cố gắng đạt được.

Tôi tạo chế độ xem của riêng mình phân lớp RelativeLayout. Trong onCreate() tôi đặt

setWillNotDraw(false); 

để onDraw() được gọi. sau đó tôi tiếp tục trong OnDraw():

int iHeight = getHeight(); 
int iWidth = getWidth(); 
int iNumberOfButtons = 10; 
double dIncrease = Math.PI * 2/iNumberOfButtons, 
     dAngle = 0, 
     x = 0, 
     y = 0; 

    for(int i = 0; i < iNumberOfButtons; i++) 
    { 
    x = 200 * Math.cos(dAngle) + iWidth/2; 
    y = 200 * Math.sin(dAngle) + iHeight/2; 
    dAngle += dIncrease; 
    Button xButton = new Button(m_xContext); 
    xButton.setAdjustViewBounds(true); 
    xButton.setBackgroundResource(R.drawable.some_image); 
    LayoutParams xParams = (RelativeLayout.LayoutParams)xButton.getLayoutParams(); 
    if(xParams == null) 
    { 
     xParams = new RelativeLayout.LayoutParams(xButton.getBackground().getIntrinsicWidth(), xButton.getBackground().getIntrinsicHeight()); 
    } 
    xParams.leftMargin = (int)x - (xButton.getBackground().getIntrinsicWidth()/2) ; 
    xParams.topMargin = (int)y - (xButton.getBackground().getIntrinsicHeight()/2); 
    addView(xButton, xParams); 
    } 

này mang lại cho tôi những kết quả mong muốn, tuy nhiên Khởi tạo của LayoutParams cảm thấy (và rất có thể là) sai. Có cách nào tốt hơn để làm điều này?

Answer 2

Thay vì bố cục tuyệt đối, bạn có thể sử dụng RelativeLayout và chế độ xem con, thiết lập lề trên và lề trái. Một cái gì đó như thế này:

RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) view.getLayoutParams(); 
params.leftMargin = x; 
params.topMargin = y; 

Answer 3

sau Dự án được cấp phép Apache 2.0 có thể phục vụ: https://github.com/dmitry-zaitsev/CircleLayout