android 布局中控件居中且向左偏移的写法

最新推荐文章于 2022-08-17 20:54:35 发布

原创最新推荐文章于 2022-08-17 20:54:35 发布 · 5.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#移动开发 #开发工具 #java

android 专栏收录该内容

45 篇文章

订阅专栏

本文介绍了如何在Android布局中实现控件居中并进行左右偏移。通过两种方法实现这一效果：一是使用FrameLayout并设置控件属性；二是利用translationX属性。尽管第二种方法在Eclipse预览时存在显示问题，但实际运行效果相同。作者最终推荐使用第一种方案，因为它更直观且易于理解。

目标是实现类似如图的效果，居中且向左偏移若干，居中且向右偏移若干

在eoe 提问后大神给出的方案是：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
 
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginRight="70dp"
        android:background="@drawable/red_circle" />
 
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:background="@drawable/green_circle" />
 
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginLeft="70dp"
        android:background="@drawable/blue_circle" />
 
</FrameLayout>

我自己也琢磨了一种方法：

上面的imageview 使用android:translationX 属性，-70dp表示向左偏移70dp，70dp表示向右偏移70dp

也可以实现同样的效果

总结：

第一种方案限定外层使用FrameLayout，直观，明了

第二种方案不限layout，但是在eclipse预览的时候发现很奇怪的问题，就是虽然view 移动了，但是图形工具里拿鼠标去点那个view的时候发现他还在原来的位置上，不知道这是adt的bug，还是什么原理。但是我有一种预感是，android 界面初始化以后，有一个类似平移动画的动作，这点有待证实。所以最终我还是选择了第一种方案。