如何在同一个操作栏中对齐ImageButton(s)和按钮?

时间:2014-08-11 07:29:02

标签: android button

我有一个简单的操作栏,它包含两个ImageButton和一个Button。问题是ImageButton中的图像并不完全位于条形图的中心。没有Button,它们似乎是对齐的,因为动作栏本身完美地包裹着它们。但是当我引入Button ImageButton时,<FrameLayout 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" android:background="#0099cc" tools:context="com.convo.imgfs.FullscreenActivity"> <!-- The primary full-screen view. This can be replaced with whatever view is needed to present your content, e.g. VideoView, SurfaceView, TextureView, etc. --> <ImageView android:id="@+id/fullscreen_content" android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@drawable/bg_image" android:scaleType = "centerCrop"/> <!-- This FrameLayout insets its children based on system windows using android:fitsSystemWindows. --> <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <LinearLayout android:id="@+id/fullscreen_content_controls" style="?metaButtonBarStyle" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom|center_horizontal" android:background="@color/black_overlay" android:orientation="horizontal" tools:ignore="UselessParent"> <ImageButton android:id="@+id/likes_button" android:src="@drawable/likes_imgbutton" android:background="@android:color/transparent" android:layout_width="25dp" android:layout_height="25dp" android:scaleType="fitCenter" android:layout_weight="1"/> <ImageButton android:id="@+id/comments_button" android:src="@drawable/comments_imgbutton" android:background="@android:color/transparent" android:layout_width="25dp" android:layout_height="25dp" android:scaleType="fitCenter" android:layout_weight="1"/> <Button style="?metaButtonBarButtonStyle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitCenter" android:text="37 comments" android:id="@+id/show_comments_button" android:layout_weight="2"/> </LinearLayout> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Done" android:id="@+id/done_button" android:layout_gravity="right|top" /> </FrameLayout> 似乎坚持了酒吧的天花板 这是我的.xml文件

{{1}}

以下是活动的Screenshot(“喜欢”和“评论”图标应与文字“37条评论”水平对齐)

1 个答案:

答案 0 :(得分:0)

在此imageButton标签中使用重力根据我的理解您的xml代码非常适合您的要求,只需要将重力作为centerVetical     

        <ImageButton
            android:id="@+id/comments_button"
            android:src="@drawable/comments_imgbutton"
            android:background="@android:color/transparent"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:scaleType="fitCenter"
            android:layout_weight="1"/>