これは、SDK で UI がどのように見えるかです
これはxmlファイルです:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/rl"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<com.example.mybasicinteractivegraph.GraphBoarder
android:id="@+id/view"
android:layout_width="match_parent"
android:layout_height="150dp" />
<com.example.mybasicinteractivegraph.GraphView
android:id="@+id/graphAxes"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_alignBottom="@+id/view"
android:layout_alignLeft="@+id/view"
android:layout_alignRight="@+id/view"
android:layout_alignTop="@+id/view"
android:layout_marginBottom="15dp"
android:layout_marginLeft="15dp"
android:layout_marginRight="15dp"
android:layout_marginTop="15dp" />
<SeekBar
android:id="@+id/seekBar1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/view"
android:layout_below="@+id/view"
android:layout_marginTop="42dp" />
<SeekBar
android:id="@+id/seekBar2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/seekBar1"
android:layout_below="@+id/seekBar1"
android:layout_marginTop="55dp" />
<Button
android:id="@+id/button1"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/graphAxes"
android:layout_below="@+id/seekBar2"
android:layout_marginTop="63dp"
android:onClick="btnFreq1"
android:text="@string/btn1Text"
android:textSize="12sp" />
<Button
android:id="@+id/button2"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_above="@+id/button5"
android:layout_toRightOf="@+id/button1"
android:onClick="btnFreq2"
android:text="@string/btn2Text"
android:textSize="12sp" />
<Button
android:id="@+id/button3"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/button2"
android:layout_alignBottom="@+id/button2"
android:layout_alignLeft="@+id/button7"
android:onClick="btnFreq3"
android:text="@string/btn3Text"
android:textSize="12sp" />
<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/button3"
android:layout_toRightOf="@+id/button3"
android:onClick="btnFreq4"
android:text="@string/btn4Text"
android:textSize="12sp" />
<Button
android:id="@+id/button5"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button1"
android:layout_below="@+id/button1"
android:layout_marginTop="48dp"
android:onClick="btnFreq5"
android:text="@string/btn5Text"
android:textSize="12sp" />
<Button
android:id="@+id/button6"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/button5"
android:layout_alignBottom="@+id/button5"
android:layout_toRightOf="@+id/button1"
android:onClick="btnFreq6"
android:text="@string/btn6Text"
android:textSize="12sp" />
<Button
android:id="@+id/button7"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/button6"
android:layout_alignBottom="@+id/button6"
android:layout_toRightOf="@+id/button2"
android:onClick="btnFreq7"
android:text="@string/btn7Text"
android:textSize="12sp" />
<Button
android:id="@+id/button8"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/button7"
android:layout_alignBottom="@+id/button7"
android:layout_toRightOf="@+id/button3"
android:onClick="btnFreq8"
android:text="@string/btn8Text"
android:textSize="12sp" />
<Button
android:id="@+id/button9"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/button8"
android:layout_toLeftOf="@+id/textView3"
android:onClick="btnPrevClk"
android:text="@string/btnPrevText"
android:textSize="12sp" />
<Button
android:id="@+id/button10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/button9"
android:layout_centerHorizontal="true"
android:clickable="true"
android:onClick="btnSetGraphClk"
android:text="@string/btnSetGraph"
android:textSize="12sp" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/button10"
android:layout_alignTop="@+id/button4"
android:text="@string/txtView3" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/button10"
android:layout_below="@+id/textView3"
android:text="@string/txtView1" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/button10"
android:layout_below="@+id/textView1"
android:text="@string/txtView2" />
</RelativeLayout>
しかし、画面上の出力はこれとは少し異なります
1K と 3K を表示すべきところに 0 が表示されるのはなぜですか? 幅をハードコードされた値に固定することに関係があると思いましたが、layout_width = "match_parent" を使用しても同じ問題が発生します。
--- 編集 ---
これは、strings.xml ファイルです。
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="app_name">My Basic Interactive Graph</string>
<string name="action_settings">Settings</string>
<string name="hello_world">Hello world!</string>
<string name="btn1Text">125 Hz</string>
<string name="btn2Text">250 Hz</string>
<string name="btn3Text">500 Hz</string>
<string name="btn4Text">1k</string>
<string name="btn5Text">2k</string>
<string name="btn6Text">3k</string>
<string name="btn7Text">4k</string>
<string name="btn8Text">6k</string>
<string name="txtView1">Gain</string>
<string name="txtView2">Q factor</string>
<string name="txtView3">Centre freq</string>
<string name="btnPrevText">Prev</string>
<string name="btnSetGraph">Confirm</string>
</resources>
--- 編集 2 ---
更新された (作業中の) xml ファイル:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/rl"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<com.example.mybasicinteractivegraph.GraphBoarder
android:id="@+id/view"
android:layout_width="match_parent"
android:layout_height="150dp" />
<com.example.mybasicinteractivegraph.GraphView
android:id="@+id/graphAxes"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_alignBottom="@id/view"
android:layout_alignLeft="@id/view"
android:layout_alignRight="@id/view"
android:layout_alignTop="@id/view"
android:layout_marginBottom="15dp"
android:layout_marginLeft="15dp"
android:layout_marginRight="15dp"
android:layout_marginTop="15dp" />
<SeekBar
android:id="@+id/seekBar1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/view"
android:layout_below="@id/view"
android:layout_marginTop="42dp" />
<SeekBar
android:id="@+id/seekBar2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/seekBar1"
android:layout_below="@id/seekBar1"
android:layout_marginTop="55dp" />
<Button
android:id="@+id/button1"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/graphAxes"
android:layout_below="@id/seekBar2"
android:layout_marginTop="63dp"
android:onClick="btnFreq1"
android:text="@string/btn1Text"
android:textSize="12sp" />
<Button
android:id="@+id/button2"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_above="@+id/button5"
android:layout_toRightOf="@id/button1"
android:onClick="btnFreq2"
android:text="@string/btn2Text"
android:textSize="12sp" />
<Button
android:id="@+id/button3"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignBaseline="@id/button2"
android:layout_alignBottom="@+id/button2"
android:layout_alignLeft="@+id/button7"
android:onClick="btnFreq3"
android:text="@string/btn3Text"
android:textSize="12sp" />
<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@id/button3"
android:layout_toRightOf="@id/button3"
android:onClick="btnFreq4"
android:text="@string/btn4Text"
android:textSize="12sp" />
<Button
android:id="@+id/button5"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/button1"
android:layout_below="@id/button1"
android:layout_marginTop="48dp"
android:onClick="btnFreq5"
android:text="@string/btn5Text"
android:textSize="12sp" />
<Button
android:id="@+id/button6"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/button5"
android:layout_alignBottom="@id/button5"
android:layout_toRightOf="@id/button1"
android:onClick="btnFreq6"
android:text="@string/btn6Text"
android:textSize="12sp" />
<Button
android:id="@+id/button7"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignBaseline="@id/button6"
android:layout_alignBottom="@id/button6"
android:layout_toRightOf="@id/button2"
android:onClick="btnFreq7"
android:text="@string/btn7Text"
android:textSize="12sp" />
<Button
android:id="@+id/button8"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignBaseline="@id/button7"
android:layout_alignBottom="@id/button7"
android:layout_toRightOf="@id/button3"
android:onClick="btnFreq8"
android:text="@string/btn8Text"
android:textSize="12sp" />
<Button
android:id="@+id/button9"
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignTop="@id/button8"
android:layout_toLeftOf="@+id/textView3"
android:onClick="btnPrevClk"
android:text="@string/btnPrevText"
android:textSize="12sp" />
<Button
android:id="@+id/button10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@id/button9"
android:layout_centerHorizontal="true"
android:clickable="true"
android:onClick="btnSetGraphClk"
android:text="@string/btnSetGraph"
android:textSize="12sp" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@id/button10"
android:layout_alignTop="@id/button4"
android:text="@string/txtView3" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@id/button10"
android:layout_below="@id/textView3"
android:text="@string/txtView1" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@id/button10"
android:layout_below="@id/textView1"
android:text="@string/txtView2" />
</RelativeLayout>