Question

所以我试图制作一个穷人的交互式雷达图或蜘蛛图，我找不到。我确实发现了这个： Android Layout views rotated and spaced around a circle? 并且考虑在其中旋转搜索栏并且它有点起作用，但是搜索栏本身被某些边界截断/切断，我不知道它是什么。我尝试了一些填充的东西，但是他们没有帮助。

MainActivity代码如下所示：

protected void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Context context = getApplicationContext();

    final FrameLayout main = (FrameLayout)findViewById(R.id.main);

    int numViews = 6;
    for(int i = 0; i < numViews; i++)
    {
        // Create some quick TextViews that can be placed.
        TextView v = new TextView(this);
        SeekBar sb = new SeekBar(this);

        // Set a text and center it in each view.
        v.setText("View " + i);

        v.setGravity(Gravity.CENTER);
        v.setBackgroundColor(0xff00ffff);
        // 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(400, 75);
        FrameLayout.LayoutParams lpv = new FrameLayout.LayoutParams(300, 75);

        // Place all views in the center of the layout. We'll transform them
        // away from there in the code below.
        lp.gravity = Gravity.CENTER;
        lpv.gravity = Gravity.CENTER;

        lp.bottomMargin = 150;
        lpv.bottomMargin = 150;

        // Set layout params on view.
        v.setLayoutParams(lpv);
        sb.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(500 * (float)Math.cos(angleRad));
        v.setTranslationY(500 * (float)Math.sin(angleRad));

        sb.setTranslationX(250 * (float)Math.cos(angleRad));
        sb.setTranslationY(250 * (float)Math.sin(angleRad));
        // Set the rotation of the view.
        v.setRotation(angleDeg +90f);

        sb.setRotation(angleDeg );
        main.addView(sb);
        main.addView(v);
    }
}

和activity_main.xml代码为：

<?xml version="1.0" encoding="utf-8"?>

<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="Settings"
android:layout_marginBottom="150px"/>
</FrameLayout>

任何水平的搜索栏（如果有8个）或垂直看起来很好，但是那些对角线的搜索栏没有正确显示。结果如下：

所以视图1和2几乎没有显示条形图，尽管拇指都正确移动。视图4和5根本不显示。我应该改变什么才能使它们完全可见？非常感谢你！

编辑：添加numViews = 8和15

的屏幕截图

奇怪的是，右侧只能看到一些对角线，左侧没有任何对角线。可能会有某种填充物＃34;盒子＆＃34;还需要轮换吗？

Answer 1

它的Android设备问题不同的屏幕分辨率和密度。所以请阅读此内容 “支持多个屏幕”阅读本网站： https://developer.android.com/guide/practices/screens_support.html

Answer 2

我最近遇到了这个问题。但我正在使用Android Studio中的布局编辑器构建我的UI，并且想知道为什么旋转的搜索栏在预览中看起来很好。所以我尝试添加一个软件layerType，这似乎有效！

android:layerType="software"

或者在你的情况下：

sb.setLayerType(View.LAYER_TYPE_SOFTWARE, null);

希望这有帮助。

Screenshot

Answer 3

我在2个模拟器上运行你的代码＆amp;它看起来很好 -

你在运行什么Android版本？

Answer 4

你还需要在manifest xml文件中支持不同的屏幕Open＆＃34; AndroidManifest＆＃34;并在android versionName之后添加以下内容。

<supports-screens android:smallScreens="true"

                android:normalScreens="true"

                android:largeScreens="true"

                android:xlargeScreens="true"

                android:anyDensity="true"

                android:resizeable="true"/>

Android搜索栏在FrameLayout中切换/裁剪旋转

4 个答案: