Wie würde ich dieses Standard-Equalizer-Layout in XML wiederherstellen?

Question

Ich arbeite gerade an einem einfachen Equalizer, um mein Wissen darüber, wie gute Layouts erstellt werden, und den richtigen Weg, sie zu implementieren, zu erweitern. Was ich hier erreichen möchte, sind 5 vertikale SeekBars begleitet von 3 TextViews, die in ein Child Layout fallen. Es wird insgesamt 5 dieser Child Layouts geben, die unter das Parent Layout fallen.

Hier ist eine kurze Demonstration i entwarf ...

Ich bin nicht sehr vertraut mit, wie Android-Layouts arbeiten, so in Hoffnung, dass dies wird mir helfen, und andere lernen, wie Layouts zu komponieren richtig, die ich dann verwenden kann, um in fortgeschrittenere Gebiete zu ziehen.

Irgendwelche Ideen? Vielen Dank!

Answer 1

diese xml Verwendung android Versuchen: layout_weight tag:

Sie diese Bibliothek

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>