2011-12-08 47 views
1

我想在android中開發一個類似於撰寫短信視圖的視圖。我不是很熟悉所有的android視圖元素。如何開發Android短信視圖?

很明顯,這個視圖使用了一些文本框。但我想知道正在使用哪些佈局。例如。當用戶在消息字段中輸入一些文本時,灰色字段會展開。

我該如何做到這一點,您還可以對此觀點發表什麼看法?

enter image description here

+0

你應該ATLEAST :) –

回答

4
<?xml version="1.0" encoding="utf-8"?> 

<RelativeLayout xmlns:a="http://schemas.android.com/apk/res/android" 
       a:layout_width="fill_parent" 
       a:layout_height="fill_parent"> 
    <LinearLayout 
      a:orientation="vertical" 
      a:layout_height="wrap_content" 
      a:layout_width="fill_parent"> 
     <EditText 
       a:id="@+id/smsRecipients" 
       a:layout_height="wrap_content" 
       a:layout_width="fill_parent" 
       a:hint="@string/sms_to_whom"/> 
     <Button 
       a:layout_height="wrap_content" 
       a:layout_width="fill_parent" 
       a:text="@string/sms_contacts" 
       a:onClick="onPickContact"/> 
    </LinearLayout> 

    <LinearLayout a:layout_alignParentBottom="true" 
        a:orientation="horizontal" 
        a:layout_width="fill_parent" 
        a:layout_height="wrap_content" 
        a:paddingTop="5dip" 
        a:paddingBottom="5dip" 
        a:paddingLeft="5dip" 
        a:paddingRight="5dip" 
        a:background="#dcdcdc"> 
     <EditText 
       a:id="@+id/smsBody" 
       a:layout_width="0dip" 
       a:layout_height="wrap_content" 
       a:layout_weight="1.0" 
       a:autoText="true" 
       a:capitalize="sentences" 
       a:nextFocusRight="@+id/send_button" 
       a:hint="@string/sms_enter_message" 
       a:maxLines="10" 
       a:inputType="textShortMessage|textAutoCorrect|textCapSentences|textMultiLine" 
       a:imeOptions="actionSend|flagNoEnterAction"/> 
     <LinearLayout a:orientation="vertical" a:layout_width="wrap_content" a:layout_height="fill_parent"> 
      <Button 
        a:id="@+id/smsSendButton" 
        a:layout_marginLeft="5dip" 
        a:layout_width="wrap_content" 
        a:layout_height="0dip" 
        a:layout_weight="1.0" 
        a:nextFocusLeft="@+id/smsBody" 
        a:text="@string/sms_send_abbr" 
        a:enabled="false"/> 
     </LinearLayout> 
    </LinearLayout> 

</RelativeLayout> 
2

下面是什麼,你可以在XML文件中寫的像你想的佈局。您可以根據需要更改背景佈局的顏色,也可以設置圖像背景。我只給了灰色的顏色代碼。

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1.0" 
     android:orientation="vertical"> 
     <EditText 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content"/> 
    </LinearLayout> 
    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:background="#A9A9A9" 
     android:paddingTop="5dp"> 
     <EditText 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1.0" 
      android:hint="Zum Schreiben eintippen" 
      android:layout_gravity="center_vertical" 
      android:maxLines="1"/> 
     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Senden" 
      android:layout_gravity="center_vertical"/> 
    </LinearLayout> 
</LinearLayout> 
+0

試過你有沒有收到短信消息視圖的例子嗎? – user836026