Android Path Button效果实现

最新推荐文章于 2021-10-27 13:59:18 发布

love_world_

最新推荐文章于 2021-10-27 13:59:18 发布

阅读量5.2k

点赞数

分类专栏： Android UI

本文链接：https://blog.csdn.net/androiddevelop/article/details/8714769

版权

本文介绍了如何在Android中实现PathButton的动画效果，包括布局文件的编写、点击按钮的弹出和收回动画、白色十字选中效果以及黑色按钮的点击效果。详细讲述了每个步骤，并提供了相关学习资源链接。

摘要由CSDN通过智能技术生成

一、先看下效果图

二、实现步骤

1. 编写布局文件

<?xml version="1.0" encoding="utf-8"?>
<!-- 使用merge进行布局优化 -->
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <!-- 文字 -->

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Path Button" />
    </LinearLayout>

    <!-- 红色按钮和弹出收回按钮放到一起 -->

    <RelativeLayout
        android:id="@+id/composer"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:clipChildren="false"
        android:clipToPadding="false" >

        <loveworld.view.InOutRelativeLayout
            android:id="@+id/buttons_wrapper"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:clipChildren="false"
            android:clipToPadding="false" >

            <!-- 拍照 -->
            <loveworld.view.InOutImageButton
                android:id="@+id/button_photo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:layout_alignParentLeft="true"
                android:layout_marginBottom="213.0px"
                android:layout_marginLeft="16.0px"
                android:background="@drawable/composer_camera"
                android:visibility="gone" />

			<!-- 人物 -->
            <loveworld.view.InOutImageButton
                android:id="@+id/button_people"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"