Android中心底部numberpickers

时间:2014-07-27 13:24:03

标签: android xml layout numberpicker

我试图在Android中创建两个号码选择器。但是我尝试将它们都放在底部。我试图混淆相对和线性布局,但我无法解决它。

图像显示了此刻按钮的放置方式。红色方块显示我希望如何显示按钮。

希望你能帮助我。

enter image description here

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.pvdl.ndwatch.NDwatchActivity$PlaceholderFragment" >

<ImageView
    android:id="@+id/background"
    android:layout_width="wrap_content"
    android:layout_height="300dp"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:scaleType="centerCrop"
    android:src="@drawable/background" />

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/nd_text"
    android:textColor="@color/red"
    android:textStyle="bold" />

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="90dp"
    android:layout_height="90dp"
    android:layout_marginLeft="20dp"
     android:layout_marginTop="20dp"
    android:src="@drawable/ic_launcher" />

<View
    android:layout_width="match_parent"
    android:layout_height="5dp"
    android:layout_marginLeft="150dp"
    android:layout_marginTop="90dp"
    android:background="#00ABCC" />

<TextView
    android:id="@+id/title"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="150dp"
    android:layout_marginTop="20dp"
    android:text="@string/title"
    android:textColor="#404041"
    android:textSize="60sp" />

 <TextView
    android:id="@+id/title2"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="200dp"
    android:layout_marginTop="30dp"
    android:text="@string/title2"
    android:textColor="#404041"
    android:textSize="50sp" />

<RelativeLayout
    android:id="@+id/frame"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/textView1"
    android:layout_centerHorizontal="true" >
</RelativeLayout>

<ProgressBar
    android:id="@+id/progressBar1"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="270dp"
    android:layout_height="270dp"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:background="@android:color/transparent"
    android:indeterminate="false"
    android:max="100"
    android:progress="0"
    android:progressDrawable="@drawable/circular_progress_bar" />

<ImageButton
    android:id="@+id/imageButton1"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_alignBottom="@+id/background"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="60dp"
    android:background="@android:color/transparent"
    android:onClick="onNDstart"
    android:scaleType="fitXY"
    android:src="@drawable/custom_button" />

<Chronometer
    android:id="@+id/chronometer1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/imageButton1"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="15dp"
    android:background="@android:color/transparent"
    android:text="Chronometer"
    android:textColor="#000000"
    android:textSize="70sp"
    android:textStyle="bold" />

<TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/background"
    android:layout_marginBottom="40dp"
    android:layout_centerHorizontal="true"
    android:text="@string/start"
    android:textColor="@color/red"
    android:textStyle="bold" />        

<NumberPicker
    android:id="@+id/numberPicker2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_weight="1"
    android:entries="@array/shutter_times"
     />

<NumberPicker
    android:id="@+id/numberPicker1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_weight="1"
    android:entries="@array/nd_values"
    android:gravity="bottom" />

</RelativeLayout>

1 个答案:

答案 0 :(得分:1)

将您的xml更改为:

<RelativeLayout ...> 

     ....

     <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content"
       android:layout_alignParentBottom="true" 
       android:orientation="horizontal"
       android:weightSum="2" >

      <NumberPicker
        android:id="@+id/numberPicker2"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:entries="@array/shutter_times" />

      <NumberPicker
       android:id="@+id/numberPicker1"
       android:layout_width="0dip"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       android:entries="@array/nd_values" />
   </LinearLayout>

</RelativeLayout>

如果您希望按钮之间有空格,只需向paddingRight添加left button,并为paddingLeft的{​​{1}}添加相同的值。

希望这有帮助。