如何将4个图像连接到一个图像按钮(android)

时间:2014-10-20 08:40:02

标签: android imagebutton

您好我需要将4张单独的图片加入一个ImageButton

我想在一个图像按钮上附加看起来像这样的图像感谢您的帮助。 我该怎么办?

Img1 on top
Img2  img3 at the middle
Img4 at bottom

像金字塔一样

3 个答案:

答案 0 :(得分:2)

您可以使用Button执行此操作:

<Button 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawableTop="@drawable/btn_back"
    android:drawableLeft="@drawable/bd_logo"
    android:drawableRight="@drawable/btn_close"
    android:drawableBottom="@drawable/btn_ok"/>

左Img:

yourButtonId.setCompoundDrawablesWithIntrinsicBounds( R.drawable.smiley, 0, 0, 0);

答案 1 :(得分:1)

实际上,您不必使用imageButton。您可以创建新的LinearLayout,并为setOnClickListener分配LinearLayout方法。这样它就像一个按钮,你可以按照你想要的方式找到尽可能多的图像。例如;

LinearLayout;

的XML代码
<LinearLayout
    android:id="@+id/imagebutton"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />
    </LinearLayout>

    <ImageView
        android:id="@+id/imageView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />
</LinearLayout>

您的活动中的声明;

LinearLayout imageButton = (LinearLayout) findViewById(R.id.imagebutton);

处理点击事件;

    imageButton.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {
            //TODO

        }
    });

答案 2 :(得分:1)

有一篇关于合并2张图片的文章。

看看,然后尝试连接其中4个

http://android-er.blogspot.dk/2013/08/merge-two-image-overlap-with-alpha.html