Android中实现悬浮按钮

分类：Android, Java 阅读 (2,993) Add comments

12月 012014

转载请注明原文地址：http://bcoder.com/java/implement-hover-button-in-android-development

　　在有些APP中我们需要实现一个悬浮按钮，比如图片浏览应用左右翻页功能，比如左侧悬浮功能按钮。我们要实现此功能时，最开始想到的就是用FrameLayout来实现，但是如果把按钮简单的放到FrameLayout中，按钮只能在布局的左上角，并不能达到我们的要求。

　　那么如何才能让按钮放到布局的左侧中间位置呢，开始时想把按钮高度设置成match_parent，然后图片垂直居中，但是这样整个最左侧的部分都是按钮了，显然会影响其他功能的使用，后来想哪个组件才能自由的让子控件放到想放的位置呢，这个得是RelativeLayout了吧。于是在FrameLayout中放了一个RelavtiveLayout中，然后把按钮放到里面，Layout Parameters中的Align Parent Left设置成true，Center Vertical设置成true，再看一下，一个居中的悬浮按钮就弄好了。

　　同样的方式可以设置其他需要的悬浮按钮了。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.hoverbuttontest.MainActivity" >

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent" >

            <Button
                android:id="@+id/button1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:text="Button" />

            <Button
                android:id="@+id/button2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@+id/button1"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:text="Button" />

        </RelativeLayout>

    </FrameLayout>

</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context="com.example.hoverbuttontest.MainActivity" >

<FrameLayout

android:layout_width="match_parent"

android:layout_height="match_parent" >

<RelativeLayout

android:layout_width="match_parent"

android:layout_height="match_parent" >

<Button

android:id="@+id/button1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_centerVertical="true"

android:text="Button" />

<Button

android:id="@+id/button2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignBottom="@+id/button1"

android:layout_alignParentRight="true"

android:layout_centerVertical="true"

android:text="Button" />

</RelativeLayout>

</FrameLayout>

</LinearLayout>

打赏

Leave a Reply Cancel reply