Android 如何使用imagebuttons创建此UI？_Android_Imagebutton

Android 如何使用imagebuttons创建此UI？

android

Android 如何使用imagebuttons创建此UI？,android,imagebutton,Android,Imagebutton,我想创建如下主UI：用ImageButton可以做到吗？图像必须具有相同的分辨率？多谢各位 XML文件，一行图像按钮： <?xml version="1.0" encoding="UTF-8"?> <RelativeLayout android:id="@+id/acceuil" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation

我想创建如下主UI：

用ImageButton可以做到吗？图像必须具有相同的分辨率？多谢各位

XML文件，一行图像按钮：

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

<RelativeLayout android:id="@+id/acceuil"
   android:layout_width="fill_parent" android:layout_height="fill_parent"
   android:orientation="vertical"
   xmlns:android="http://schemas.android.com/apk/res/android">


<ImageButton

    android:id="@+id/consom" 

    android:layout_alignParentLeft="true"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:src="@drawable/consom_icon">
</ImageButton>
<ImageButton

    android:id="@+id/param" 

    android:layout_alignParentRight="true"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
     android:src="@drawable/consom_icon" >
 </ImageButton>

 </RelativeLayout>

以下是我所拥有的：

使用GridView，您可以将您在res/文件夹中的hdpi、mdpi和ldpi中的图标集填充到GridView中。填充列表时，请确保提供图标和ID，以便确定单击哪个按钮以启动该按钮应完成的活动/意图

Android在我所说的要点上有一个很好的例子

有关如何使用switch语句处理单击的示例：

    GridView gridView = (GridView) findViewById(R.id.gridview);
    gridView.setAdapter(new MyGridViewAdapter(this));
    gridView.setOnItemClickListener(new OnItemClickListener() {
        public void onItemClick(AdapterView<?> parent, View v, int position, long id) {
            switch (v.getId()) {
            case R.drawable.my_button:
                startActivity(new Intent("com.awesome.Activity"));
            }
        }
    });

GridView GridView=（GridView）findviewbyd（R.id.GridView）；
setAdapter（新的MyGridViewAdapter（this））；
setOnItemClickListener（新的OnItemClickListener（）{
public void onItemClick（AdapterView父视图、视图v、整型位置、长id）{
开关（v.getId（））{
案例R.drawable.my_按钮：
startActivity（新意图（“com.awesome.Activity”）；
}
}
});

Android在我所说的要点上有一个很好的例子

有关如何使用switch语句处理单击的示例：

    GridView gridView = (GridView) findViewById(R.id.gridview);
    gridView.setAdapter(new MyGridViewAdapter(this));
    gridView.setOnItemClickListener(new OnItemClickListener() {
        public void onItemClick(AdapterView<?> parent, View v, int position, long id) {
            switch (v.getId()) {
            case R.drawable.my_button:
                startActivity(new Intent("com.awesome.Activity"));
            }
        }
    });

GridView GridView=（GridView）findviewbyd（R.id.GridView）；
setAdapter（新的MyGridViewAdapter（this））；
setOnItemClickListener（新的OnItemClickListener（）{
public void onItemClick（AdapterView父视图、视图v、整型位置、长id）{
开关（v.getId（））{
案例R.drawable.my_按钮：
startActivity（新意图（“com.awesome.Activity”）；
}
}
});

您可以在TableLayout中使用ImageButtons来创建这样一个“仪表板”类型的UI，但我认为如果您希望图像的一部分显示在按钮的边缘上，则会出现问题。您最好使用ImageView，它有一个按钮类型的图像，上面有另一个图像

查看android用户界面设计模式，他们在其中讨论类似twitter的应用程序设计

编辑： 试试下面的TableLayout

<TableLayout>
 <TableRow>
  <ImageButton />
  <ImageButton />
 </TableRow>
 <TableRow>
  <ImageButton />
  <ImageButton />
 </TableRow> 
</TableLayout>

查看android用户界面设计模式，他们在其中讨论类似twitter的应用程序设计

编辑： 试试下面的TableLayout

<TableLayout>
 <TableRow>
  <ImageButton />
  <ImageButton />
 </TableRow>
 <TableRow>
  <ImageButton />
  <ImageButton />
 </TableRow> 
</TableLayout>

让你像这样尝试

android:layout\u width=“fill\u parent” android:layout\u height=“fill\u parent” android:orientation=“vertical” xmlns:android=”http://schemas.android.com/apk/res/android“>

android:orientation=“horizontal

android:id="@+id/consom" 
android:layout_alignParentLeft="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/consom_icon">

android:id="@+id/param" 
android:layout_alignParentRight="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
 android:src="@drawable/consom_icon" >

android:id="@+id/consom" 
android:layout_alignParentLeft="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/consom_icon">

android:id="@+id/param" 
android:layout_alignParentRight="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
 android:src="@drawable/consom_icon" >

android:id="@+id/consom" 
android:layout_alignParentLeft="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/consom_icon">

android:id="@+id/param" 
android:layout_alignParentRight="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
 android:src="@drawable/consom_icon" >

android:id="@+id/consom" 
android:layout_alignParentLeft="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/consom_icon">

android:id="@+id/param" 
android:layout_alignParentRight="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
 android:src="@drawable/consom_icon" >

<注释！--第二行图像按钮>

android:orientation=“horizontal…>

android:id="@+id/consom" 
android:layout_alignParentLeft="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/consom_icon">

android:id="@+id/param" 
android:layout_alignParentRight="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
 android:src="@drawable/consom_icon" >

android:id="@+id/consom" 
android:layout_alignParentLeft="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/consom_icon">

android:id="@+id/param" 
android:layout_alignParentRight="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
 android:src="@drawable/consom_icon" >

android:id="@+id/consom" 
android:layout_alignParentLeft="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/consom_icon">

android:id="@+id/param" 
android:layout_alignParentRight="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
 android:src="@drawable/consom_icon" >

android:id="@+id/consom" 
android:layout_alignParentLeft="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/consom_icon">

android:id="@+id/param" 
android:layout_alignParentRight="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
 android:src="@drawable/consom_icon" >

<评论！--根据需要为更多行提供线性/相对布局…>