我正在试图找出一种围绕圆形布局一系列视图的方法,使每个视图旋转为面向圆的外部。下图是我正在寻找的草图。外部块是布局/视图组,红色方块表示我想要旋转的视图。
我熟悉PivotX,PivotY和旋转视图属性,并怀疑我会以某种方式使用它们,但我不确定如何使用这些以适当的布局来获得所需的效果。
答案 0 :(得分:25)
这是一个执行此操作的示例。我创建了一个新的Android项目,并用RelativeLayout
替换了已存在的FrameLayout
。这是> = API 11只是因为View
中的翻译和轮播调用:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="@string/hello_world" />
</FrameLayout>
我将在代码中创建一些快速视图,只需用您拥有的任何视图替换它们。我将它们全部放在布局的中心,将LayoutParams
的重力设置为Gravity.CENTER
。然后,我正在翻译并将它们旋转到正确的位置:
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final FrameLayout main = (FrameLayout)findViewById(R.id.main);
int numViews = 8;
for(int i = 0; i < numViews; i++)
{
// Create some quick TextViews that can be placed.
TextView v = new TextView(this);
// Set a text and center it in each view.
v.setText("View " + i);
v.setGravity(Gravity.CENTER);
v.setBackgroundColor(0xffff0000);
// Force the views to a nice size (150x100 px) that fits my display.
// This should of course be done in a display size independent way.
FrameLayout.LayoutParams lp = new FrameLayout.LayoutParams(150, 100);
// Place all views in the center of the layout. We'll transform them
// away from there in the code below.
lp.gravity = Gravity.CENTER;
// Set layout params on view.
v.setLayoutParams(lp);
// Calculate the angle of the current view. Adjust by 90 degrees to
// get View 0 at the top. We need the angle in degrees and radians.
float angleDeg = i * 360.0f / numViews - 90.0f;
float angleRad = (float)(angleDeg * Math.PI / 180.0f);
// Calculate the position of the view, offset from center (300 px from
// center). Again, this should be done in a display size independent way.
v.setTranslationX(300 * (float)Math.cos(angleRad));
v.setTranslationY(300 * (float)Math.sin(angleRad));
// Set the rotation of the view.
v.setRotation(angleDeg + 90.0f);
main.addView(v);
}
}
这就是结果:
答案 1 :(得分:1)