這個Android UI元素是如何創建

Question

我真的很喜歡這個屏幕的設計 - 任何人都可以建議他們是如何做的是在它的時間標籤/文本的一部分 - 它帶有圓角的方形元素：

http://40.media.tumblr.com/bba2d04346d2d491b75a86f41bcf46fb/tumblr_ndaew2OwQv1r2wjwko3_1280.png

http://41.media.tumblr.com/b737ee9a30581c5843d85c43617685bf/tumblr_ndaew2OwQv1r2wjwko4_1280.png

我想嘗試做類似的東西，THX

Answer 1

我覺得你在尋找像this.Change佈局的方向和顏色需要和n添加元素，你在每個佈局中都可以使用。您只能在仿真器或設備中運行它後才能看到原始視圖，因此創建此佈局後運行該佈局。

佈局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 

    android:layout_width="fill_parent" 
    android:layout_height="200dp" 
    android:orientation="vertical" 
    android:weightSum="3" 
    android:layout_margin="50dp" 
    > 


    <LinearLayout 

     android:layout_width="fill_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1" 
     android:background="@drawable/rectangle_topcorner"> 

     <TextView android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:text="Email:" 
     android:layout_gravity="center" 
     android:textColor="@android:color/white" 
     android:layout_marginLeft="10dip" 
     /> 
    </LinearLayout> 
    <LinearLayout 
     android:id="@+id/button2" 
     android:layout_width="fill_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1" 
     android:background="#002233"> 

      <TextView android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:text="Name:" 
     android:textColor="@android:color/white" 
     android:layout_gravity="center" 
     android:layout_marginLeft="10dip" 
     /> 
</LinearLayout> 
    <LinearLayout 
     android:id="@+id/button3" 
     android:layout_width="fill_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1" 
     android:background="@drawable/rectangle_bottemcorner"> 


     <TextView android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:text="Username:" 
     android:textColor="@android:color/white" 
     android:layout_gravity="center" 
     android:layout_marginLeft="10dip" 
     /> 
</LinearLayout> 
</LinearLayout> 

可繪：

rectangle_bottemcorner.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle" 
    android:id="@+id/background_shape" 
    > 
<corners android:bottomLeftRadius="20dp" 
    android:bottomRightRadius="20dp"/> 
<solid android:color="#005577"/> 

</shape> 

rectangle_topcorner.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle" 
    android:id="@+id/background_shape" 

    > 
<corners android:topLeftRadius="20dp" 
    android:topRightRadius="20dp" 
    /> 
<solid android:color="#005577"/> 

</shape>