Android中的自定义形状按钮

时间:2015-02-05 09:44:44

标签: android android-layout android-custom-view shapes

如何在Android中使用图像绘制自定义形状的按钮?

我想在下面实现ui。enter image description here

任何人都可以帮助我吗?

提前致谢。

1 个答案:

答案 0 :(得分:1)

以下是使用布局实现它的简单方法,工作布局是FrameLayout

[图形布局] Graphical Layout

<强> [post.png]

post.png

<强> [add_a_video.png]

enter image description here

<强> [layout.xml]

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<ImageButton
    android:id="@+id/imageButton1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/imageButton4"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:padding="0dp"
    android:src="@drawable/add_a_photo" />

<ImageButton
    android:id="@+id/imageButton2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_toRightOf="@+id/imageButton1"
    android:padding="0dp"
    android:src="@drawable/facebook" />

<ImageButton
    android:id="@+id/imageButton3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_toRightOf="@+id/imageButton2"
    android:padding="0dp"
    android:src="@drawable/facebook" />

<ImageButton
    android:id="@+id/imageButton4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/imageButton2"
    android:layout_below="@+id/imageButton2"
    android:padding="0dp"
    android:src="@drawable/facebook" />

<ImageButton
    android:id="@+id/imageButton5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/imageButton3"
    android:layout_below="@+id/imageButton3"
    android:padding="0dp"
    android:src="@drawable/facebook" />

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/imageButton1" >

    <ImageButton
        android:id="@+id/imageButton7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="0dp"
        android:src="@drawable/post" />

    <ImageButton
        android:id="@+id/imageButton6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="0dp"
        android:src="@drawable/add_a_video" />
</FrameLayout>