简体   繁体   中英

how to add image button left and right side of table layout?

i need to add two image button on left and right side of table layout this is my screen

当前屏幕

i want to make screen like this

所需的屏幕

adding two image button left and right side of table layout ho to add this button?? help me please

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@color/lightgray"
android:orientation="vertical" >

<LinearLayout
    android:id="@+id/buttonlayout"
    android:layout_width="fill_parent"
    android:layout_height="60sp"
    android:background="@drawable/topbar"
    android:gravity="left|top"
    android:height="60sp"
    android:orientation="horizontal" >

    <Button
        android:id="@+id/last_week"
        android:layout_width="54sp"
        android:layout_height="60sp"
        android:background="@drawable/meenu" />

    <ImageButton
        android:id="@+id/last_month"
        android:layout_width="20sp"
        android:layout_height="fill_parent"
        android:layout_gravity="center"
        android:layout_marginLeft="10sp"
        android:src="@drawable/calendar_left_arrow_selector" >
   </ImageButton>

    <TextView
        android:id="@+id/date_today"
        android:layout_width="fill_parent"
        android:layout_height="60sp"
        android:layout_weight="0.6"
        android:gravity="center"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textColor="#FFFFFF" >
    </TextView>

    <ImageButton
        android:id="@+id/next_month"
        android:layout_width="20sp"
        android:layout_height="fill_parent"
        android:layout_gravity="center"
        android:layout_marginRight="10sp"
        android:src="@drawable/calendar_right_arrow_selector" >
    </ImageButton>

    <Button
        android:id="@+id/next_week"
        android:layout_width="54sp"
        android:layout_height="60sp"
        android:background="@drawable/plus" />
</LinearLayout>






 <TableLayout
    android:id="@+id/table_layout"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:stretchColumns="0,1,2,3,4,5,6">


    <TableRow
        android:paddingBottom="12dp"
        android:background="#FEE5AC"
        >
        <TextView
            android:id="@+id/sun"
            android:gravity="center"
            android:text="@string/sunday"
            android:textColor="#ff0000"/>
        <TextView
            android:id="@+id/mon"
            android:gravity="center"
            android:text="@string/monday"
            android:textColor="#000000"/>
        <TextView
            android:id="@+id/tue"
            android:gravity="center"
            android:text="@string/tuesday"
            android:textColor="#000000"/>
        <TextView
            android:id="@+id/wed"
            android:gravity="center"
            android:text="@string/wednesday"
            android:textColor="#000000"/>
        <TextView
            android:id="@+id/thur"
            android:gravity="center"
            android:text="@string/thursday"
            android:textColor="#000000"/>
        <TextView
            android:id="@+id/fri"
            android:gravity="center"
            android:text="@string/friday"
            android:textColor="#000000"/>
        <TextView
            android:id="@+id/sat"
            android:gravity="center"
            android:text="@string/saturday"
            android:textColor="#ff0000"/>
    </TableRow>

    <TableRow
        android:paddingBottom="12dp">



 <Button
    android:id="@+id/e00"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    android:background="@drawable/calendar_button_selector"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:textColor="#ff0000" >
 </Button>

 <Button
    android:id="@+id/e01"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    android:background="@drawable/calendar_button_selector"
    android:textAppearance="?android:attr/textAppearanceMedium"
     android:textColor="#000000" >
 </Button>

 <Button
    android:id="@+id/e02"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    android:background="@drawable/calendar_button_selector"
    android:textAppearance="?android:attr/textAppearanceMedium"
     android:textColor="#000000" >
 </Button>

 <Button
    android:id="@+id/e03"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    android:background="@drawable/calendar_button_selector"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:textColor="#000000" >
 </Button>

 <Button
    android:id="@+id/e04"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    android:background="@drawable/calendar_button_selector"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:textColor="#000000" >
 </Button>

<Button
    android:id="@+id/e05"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    android:background="@drawable/calendar_button_selector"
    android:textAppearance="?android:attr/textAppearanceMedium"
     android:textColor="#000000" >
</Button>

<Button
    android:id="@+id/e06"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    android:background="@drawable/calendar_button_selector"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:textColor="#ff0000" >
</Button>

    </TableRow>



</TableLayout>








</LinearLayout>

Wrap your table layout in a horizontal LinearLayout and use layout weights to have the table take up all remaining space after accounting for the button widths:

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <ImageButton . . . (left image button attributes) />
    <TableLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1" . . . >
        . . .
    </TableLayout>
    <ImageButton . . . (right image button attributes) />
</LinearLayout>

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM