如何在Android AXML中实现这个简单的XAML网格布局?

时间:2013-01-29 01:59:41

标签: android xaml

我试图在ListView的上下文中了解Android布局,看起来非常原始(尽管我完全有可能做错了),如果我想渲染一些东西在包含名称和计数的列表视图中简单,如下所示:

我在WP8 / WPF / Silverlight中使用这种XAML:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Height="*" />
        <ColumnDefinition Height="Auto" />
    </Grid.ColumnDefinitions>

    <TextBlock Grid.Column="0" x:Name="Thing" />
    <TextBlock Grid.Column="1" x:Name="Count" />
</Grid>

然而,Android布局似乎不可能 - 我尝试使用RelativeLayout,但好像其中一个或另一个总是全尺寸而另一个会被吃掉。

3 个答案:

答案 0 :(得分:4)

你想要这样的东西吗?

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:text="Thing" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:text="Count" />

</RelativeLayout>

或者您可以使用LinearLayout并设置weights

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="4"
        android:text="Thing" />

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Count" />

</LinearLayout>

或者您可以使用GridView,developer.android.com上有great example

答案 1 :(得分:1)

所以这就是事情。网格中每个记录除了单个字符串之外的任何内容都需要特殊的东西。无论如何,这不是完美的代码,但它会有所帮助。

让我们从您的基本布局开始。

假设这是一个名为mainlist.xml

的东西
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >


    <ListView
        android:id="@+id/itemList"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        />
</RelativeLayout>

所以这里有一个带有ListView的亲戚。非常基本吧?

在您的活动中,您需要一些类似的代码。

@Override
public void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);   
     setContentView(R.layout.mainlist);
     GetAndAssociateData();
}

public void GetAndAssociateData() {
      ListView list = (ListView)findViewById(R.id.itemList);
      final ArrayList<CountedItem> items;
      list.setAdapter(new CountedItemAdapter(getApplicationContext(), R.id.countedItemRow, items, this));   
 }

该单个字符串项目之外的任何内容不仅需要适配器,还需要每个项目的布局。

在这种情况下,CountedItemAdapter是适配器(它告诉如何填充视图)。

countsItemRow是每个项目的布局。

/src/CountedItemAdapter.java

public CountedItemAdapter(Context context,int textViewResourceId, ArrayList<CountedItem> objects,CountedItemActivity parentActivity) {
        super(context,  textViewResourceId, objects);
        this.context = context;
        this.items = objects;
        this.parentActivity = parentActivity;
        // TODO Auto-generated constructor stub
    }

public View getView(int position, View convertView, ViewGroup parent) {
    View view = convertView;
    if (view == null) {
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        view = inflater.inflate(R.layout.countedItemRow, null);
    }
    if (items != null){
        CountedItem item = items.get(position);
        if (item != null) {
            TextView thing= (TextView) view.findViewById(R.id.thing);
            if (thing!= null)
            {
                thing.setText(item.GetThingText());
            }
            TextView thingCount = (TextView) view.findViewById(R.id.thingCount);
            if (thingCount != null)
            {
                thingCount .setText(item.GetThingCount());
            }

        }
    }

    return view;
}

/res/layout/countedItemRow.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/countedItemRow"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
<TextView
    android:id="@+id/thing"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_x="0dp"
    android:layout_y="0dp"
     />

<TextView
    android:id="@+id/thingCount"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_x="0dp"
    android:layout_y="150dp"
    />
</RelativeLayout>

答案 2 :(得分:1)

晚会。我不是GridView的忠实粉丝,只有2列。我建议在每个列表项布局中使用带有加权视图的ListView。 TableLayout也可能适合,但我的例子由于某种原因无法滚动。单击初始屏幕上的按钮以转到ListView示例。

我很快就更改了一些测试代码,以适应您的示例 - see here