创建自定义android布局

问题描述:

我是一个新的android新手。只是想知道我们如何创建UI布局,类似于下面附加的图像。我有创建基本布局的知识,请指导一些示例代码示例或任何可能对我有帮助的参考。创建自定义android布局

我在每一行的左侧都有标签,右侧有标签。 屏幕上显示的行数将根据服务器响应动态决定。所以我不能在XML中对完整视图进行硬编码。

对此的任何帮助都非常感谢。提前致谢。

enter image description here

创建你的布局如下:

<LinearLayout android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    <LinearLayout android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:id="@+id/llTitle" 
      android:background="#ffffff" 
      android:gravity="center"> 
      <TextView android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Title"> 
    </LinearLayout> 
    <LinearLayout android:layout_width="fill_parent" 
        android:layout_height="fill_parent" 
        android:background="#FF00FF"> 
        <LinearLayout android:layout_width="fill_parent" 
           android:layout_height="wrap_content" 
           android:background="@drawable/customshape" 
           amdroid:id="@+id/llContainer"/> 

        <Button android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="button" 
          android:id/button1"/> 
      </LinearLayout> 

    </LinearLayout> 

customshape.xml:

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <gradient android:startColor="#SomeGradientBeginColor" android:endColor="#SomeGradientEndColor" 
      android:angle="270"/> 

    <corners android:bottomRightRadius="7dp" android:bottomLeftRadius="7dp" 
    android:topLeftRadius="7dp" android:topRightRadius="7dp"/> 
</shape> 

row.xml //创建rox.xml包含一个TextView和一个微调。

在您的活动循环添加视图llContainer

LinearLayout llContainer=(LinearLayout)findViewById(R.id.llContainer); 
for(int i0;i<list.size();i++) 
{ 
     LinearLayout llView=inflater.inflate(R.layout.row, null); 
     //set attributes of textview and spinner 
     llContainer.addView(llView); 
} 

这是一个example.Try定制它

<?xml version="1.0" encoding="UTF-8"?> 

http://schemas.android.com/apk/res/android “ 机器人:ID = ”@ + ID/authnet_auth_buttons“ 机器人:layout_below =” @ ID/authnet_error_text” 机器人:layout_width = “WRAP_CONTENT” 机器人:layout_height = “WRAP_CONTENT” 机器人:layout_centerHorizo​​ntal = “真” 机器人:layout_marginTop = “20dp”>

<Button android:id="@+id/authnet_auth_cancel_button" 
android:text="Cancel" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_below="@id/authnet_error_text"/> 

<Button android:id="@+id/authnet_auth_login_button" 
android:text="Login" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_below="@id/authnet_error_text"/> 

enter image description here

对于必须使用微调控件

对于动态视图看到 How to lay out Views in RelativeLayout programmatically?

+0

@Sameer ..行数是存在于画面将被按照服务器响应动态地决定。所以我不能在XML中对完整视图进行硬编码。 – 2012-02-13 06:56:25

+0

看到这个http://stackoverflow.com/questions/3909062/how-to-align-a-dynamically-create-userinterface-using-relativelayout-in-android动态布局 – Sameer 2012-02-13 07:06:47

更好的你把ListView价值观,设计具有标签和微调列表项自定义适配器。

您只需将动态值(行)传递给您的自定义适配器。

+0

听起来很有趣。任何我可以得到的例子,这将使我的生活变得轻松。 – 2012-02-13 07:03:48