1
回答
使用FrameLayout替代AbsoluteLayout
极速云服务器,低至1.04元/天>>>   

有时需要将某个视图定位在另外视图的旁边,比如类似ios的popover那样。这时候想到的就是用绝对布局,即AbsoluteLayout,但这是Android sdk设计者不推荐的:

image

视图如果是定位到其他视图的旁边,或者父视图的相对的位置(比如父视图的底部),这些可以用RelativeLayout代替。但是如果是以下情况,可以考虑用FrameLayout:

  • 想参照的视图(不是父视图)是动态生成的,那么就没有id,就不能通过RelativeLayout的addrule方法定位
  • 需要将视图精确定位到某个坐标上

如果不修改布局参数,使用FrameLayout布局,显示两段TextView,则会叠加在一起:

image

布局的xml文件:

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout android:id="@+id/mainlayout" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    <TextView android:layout_width="fill_parent" 
        android:layout_height="wrap_content" android:text="@string/hello" /> 
    <TextView android:id="@+id/pomptText" android:layout_width="fill_parent" 
        android:layout_height="wrap_content" android:text="你好,世界!" /> 
</FrameLayout>

通过修改,可以实现类似这样的效果:

image

在布局文件中:

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout android:id="@+id/mainlayout" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" android:layout_height="fill_parent"> 
    <TextView android:layout_width="fill_parent" 
        android:layout_height="wrap_content" android:text="@string/hello" /> 
    <TextView android:id="@+id/pompt" android:layout_width="90dp" 
        android:layout_height="28dp" android:text="你好,世界!" android:background="#ff0000ff" 
        android:layout_gravity="center" android:padding="1dp"/> 
</FrameLayout>

注意加粗的那个属性。是让视图在布局中居中。然后这样调整:

View view = this.findViewById(R.id.pompt); 
FrameLayout.LayoutParams params = (LayoutParams) view.getLayoutParams(); 
params.leftMargin = -170; 
params.topMargin = -300; 
view.setLayoutParams(params);

设置到指定的位置。注意,居中的位置是坐标原点。因此设置的值都是负值。在取值的时候,要做运算。根据中点,计算出视图的左上坐标,再计算它到制定位置的位移偏移量,也就是中点的位移值。

这时如果touch到第一行文本,接收事件的就是该文本视图对象:

image

touch第二行文本,情况类似:

image

touch其他地方,则FrameLayout布局将接收touch事件:

image

这样可能不是我们想要的效果。比如希望touch第二行文本以外的部分将触发该文本视图隐藏。那么可以在第二行文本视图之外增加一个FrameLayout:

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout android:id="@+id/mainlayout" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" android:layout_height="fill_parent"> 
    <TextView android:layout_width="fill_parent" 
        android:layout_height="wrap_content" android:text="@string/hello" /> 
   <FrameLayout android:id="@+id/promptLayout" 
        android:layout_width="fill_parent" android:layout_height="fill_parent"> 
        <TextView android:id="@+id/prompt" android:layout_width="90dp" 
            android:layout_height="28dp" android:text="你好,世界!" 
            android:background="#ff0000ff" android:layout_gravity="center" 
            android:padding="1dp" /> 
    </FrameLayout> 
</FrameLayout>

这样效果一样,而touch第二行文本视图以外,则到达新增的FrameLayout上:

image

原文转自:http://marshal.easymorse.com/archives/3921

举报
华宰
发帖于6年前 1回/3K+阅
顶部