围绕圆圈动态排列按钮

Question

我还是 android 新手，所以我对所有视图组件并不完全熟悉。 我正在努力围绕一个圆圈动态对齐按钮。

我想要实现的是将 n 个按钮（n 可以在创建时更改）添加到一个看起来像附加图像的视图：

我想避免使用 absoluteLayout（但如果这是解决它的唯一方法，我愿意接受建议）。 我已经计算出了按钮的 x/y 位置（暂时忽略按钮大小）：

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?
  }

我曾考虑在自定义视图中使用此代码，但从我所见，该视图需要从 ViewGroup 子类化以具有 addView 方法，然后再次似乎只有 absoluteLayout 允许设置 x、y 位置...我不知道如何实现这个功能。

稍后我可能会向该视图添加一些动画，因此如果可能的话，使用 SurfaceView 可能会很好，但这不是必需的。

Answer 1

我想我找到了我试图实现的解决方案。

我创建自己的视图子类化 RelativeLayout。在 onCreate() 我设置了

setWillNotDraw(false);

这样 onDraw() 就会被调用。 然后我继续 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 );
  }

这给了我想要的结果，但是 LayoutParams 的初始化感觉（并且很可能是）错误。有没有更好的方法来做到这一点？

Answer 2

以下 Apache 2.0 许可项目可能会提供服务：https://github.com/dmitry-zaitsev/CircleLayout

Answer 3

您可以使用RelativeLayout 代替绝对布局，并为子视图设置顶部和左侧边距。像这样的：

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