效果如图:
设计的布局文件popup_item.xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/ll_popup_container"
android:orientation="horizontal"
android:background="@drawable/local_popup_bg"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<LinearLayout
android:id="@+id/ll_popup_uninstall"
android:orientation="vertical"
android:layout_weight="1"
android:layout_height="wrap_content"
android:layout_width="wrap_content">
<ImageView
android:src="@drawable/img1"
android:layout_alignParentTop="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content" />
<TextView style="@style/content_text"
android:text="卸载"/>
</LinearLayout>
<LinearLayout
android:id="@+id/ll_popup_start"
android:orientation="vertical"
android:layout_weight="1"
android:layout_height="wrap_content"
android:layout_width="wrap_content">
<ImageView
android:src="@drawable/img2"
android:layout_alignParentTop="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content" />
<TextView style="@style/content_text"
android:text="启动"/>
</LinearLayout>
<LinearLayout
android:id="@+id/ll_popup_share"
android:orientation="vertical"
android:layout_weight="1"
android:layout_height="wrap_content"
android:layout_width="wrap_content">
<ImageView
android:src="@drawable/img3"
android:layout_alignParentTop="true"
android:layout_height="wrap_content"
android:layout_width="wrap_content" />
<TextView style="@style/content_text"
android:text="分享"/>
</LinearLayout>
</LinearLayout>
设计方案是在一个LinearLayout中平均分布了三个子LinearLayout,每一个LinearLayout显示一个imageview和一个textview,平且分别响应单击事件。
设计的时候的预览图:
这个是背景图片的展示问题,需要设置为平铺的效果,具体可以参考《android程序中怎么实现平铺效果》:http://txlong-onz.iteye.com/blog/1144874
这里使用的是*.9.png的图片做的平铺效果。