2016-05-21 12 views
1

私は現在、簡単なイコライザを使ってレイアウトの作成方法と実装方法について知識を深めています。私がここで達成しようとしているのは、子レイアウトに入る3垂直SeekBarsと3 TextViewsを伴う垂直です。これらの子レイアウトの合計は、親レイアウトの下に5つあります。この標準イコライザレイアウトをXMLでどのように再現できますか?

ここで私が描いた簡単なデモだ...

enter image description here

私がどのように動作するかのAndroidのレイアウトに非常に精通していないよ、そう、これは私を助けることを望んイムなどがレイアウトを構成する方法を学びます適切に、私はより高度な領域に移動するために使用することができます。

アイデア?ありがとう! layout_weightタグ:

答えて

1

すると、このXMLの利用アンドロイド試してみてくださいあなたが

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> 
+0

このライブラリを使用することができます

をおかげで、これは私にそれの基礎を与えるが、どのような垂直シークバーは?また、これを子レイアウトにカプセル化する必要がありますか? –

+0

垂直方向のシークバーを追加するのは本当のことです。私はイコライザを作るためにリサイクラビューで自分のカスタム垂直シークバーを使いました。既存のseekBarを垂直方向に使用することはできますが、レイアウトを配置することは本当に面倒なことになります。 –

+0

問題は、 'android:rotation =" 270 "'行をデザインモードでレンダリングしないため、コードを実行したときの結果だけを知ることです。非常に時間がかかり、手を加えるのは手間がかかります。 –

関連する問題