Android Widget基本設計

Question

我正在嘗試創建非常簡單的Widget設計。在過去的兩天中，我仍然無法完成它，我會感謝您的幫助。

我所試圖做的是一些看起來像這樣的設計：

http://oi45.tinypic.com/2niqwya.jpg

請注意，圖像按鈕的大小是高度和寬度16pd。

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" 
    android:gravity="center" 
    android:layout_margin="4dp" 
    android:background="@drawable/background" > 

    <TextView 
     android:id="@+id/tvDisplayer" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="HDisplaer" 
     android:textSize="25px" 
     android:gravity="center"/> 


    <TextView 
     android:id="@+id/tvsmall" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="TextView" 
     android:textSize="7px" 
     android:gravity="center"/> 


    <ImageButton 
     android:id="@+id/imRefresh" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/refresh" 
     android:layout_gravity="left" /> 

    <ImageButton 
     android:id="@+id/imOpen" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/aboutus" 
     android:layout_gravity="right" /> 

</LinearLayout> 

Answer 1

試試這個

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" > 

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/relativeLayout1" 
    android:layout_width="match_parent" 
    android:layout_height="50dp" > 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:layout_centerInParent="true" 
     android:text="TextView" /> 

    <TextView 
     android:id="@+id/textView2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignLeft="@+id/textView1" 
     android:layout_below="@+id/textView1" 
     android:layout_centerInParent="true" 
     android:text="TextView" /> 
</RelativeLayout> 

<ImageButton 
    android:id="@+id/imageButton2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentRight="true" 
    android:layout_below="@+id/relativeLayout1" 
    android:src="@drawable/black" /> 

<ImageButton 
    android:id="@+id/imageButton1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignTop="@+id/imageButton2" 
    android:src="@drawable/black" /> 

只是增加第二個相對佈局的高度使其下降。

Answer 2

包裹ImageButtons用RelativeLayout！否則，代碼似乎沒問題。

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" > 

    <ImageButton 
     android:id="@+id/imRefresh" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/refresh" 
     android:layout_alignParentLeft="true" /> 

    <ImageButton 
     android:id="@+id/imOpen" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/aboutus" 
     android:layout_alignParentRight="true" /> 

</RelativeLayout> 

如果TextView s的不集中，然後用另一RelativeLayout包裝他們，並添加到每個TextView的這一行：android:layout_centerHorizontal="true"

Answer 3

試試這個：

只需使用兩個LinearLayout中一個水平和其他垂直。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" 
    android:gravity="center" 
    android:layout_margin="4dp" 
    android:background="@drawable/background" > 

    <TextView 
     android:id="@+id/tvDisplayer" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="HDisplaer" 
     android:textSize="25px" 
     android:gravity="center"/> 
    <TextView 
     android:id="@+id/tvsmall" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="TextView" 
     android:textSize="7px" 
     android:gravity="center"/> 
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="horizontal" 
    android:gravity="center" 
    android:layout_margin="4dp" 
> 

    <ImageButton 
     android:id="@+id/imRefresh" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="left" /> 

    <ImageButton 
     android:id="@+id/imOpen" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="right" /> 
    </LinearLayout> 
</LinearLayout>