我將如何在XML中重新創建此標準均衡器佈局？

Question

我目前正在研究一個簡單的均衡器，以擴展我對創建良好佈局的知識以及實現它們的正確方法。我想在這裏實現的是5垂直SeekBars伴隨着3 TextViews將落入子佈局。這些子佈局總共有5個屬於父佈局。

這裏有一個快速演示我畫了起來......

我不是很熟悉如何Android的佈局工作，所以IM希望這將有助於我和其他人學習怎樣構圖佈局正確的，然後我可以用它進入更先進的領域。

任何想法？謝謝！

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>