我将如何在XML中重新创建此标准均衡器布局？

Question

我目前正在研究一个简单的均衡器，以扩展我对如何创建好布局以及实现它们的正确方法的了解。我在这里尝试实现的是5个垂直SeekBars，伴随着3个TextViews，它们将属于儿童布局。这些儿童布局中将有5个属于父布局。

这是我制作的快速演示......

我对Android布局的工作方式不是很熟悉，所以我希望这能帮助我和其他人学习如何正确地构建布局，然后我可以用它来进入更高级的领域。

有什么想法吗？谢谢！

Answer 1

试试这个xml使用android：layout_weight标签：

您可以使用此库

https://github.com/h6ah4i/android-verticalseekbar

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/llCamera"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin">

    <TextView
        android:text="xx"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

    <TextView
        android:text="xx"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

   <com.h6ah4i.android.widget.verticalseekbar.VerticalSeekBarWrapper
   android:layout_width="wrap_content"
   android:layout_height="150dp">
    <com.h6ah4i.android.widget.verticalseekbar.VerticalSeekBar
      android:id="@+id/mySeekBar"
      android:layout_width="0dp"
      android:layout_height="0dp"
      app:seekBarRotation="CW90" /> <!-- Rotation: CW90 or CW270 -->
   </com.h6ah4i.android.widget.verticalseekbar.VerticalSeekBarWrapper>


    <TextView
        android:text="xx"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>


</LinearLayout>