在我的情况下,如何以编程方式在另一个布局之上显示一个布局?


84

我的主布局main.xml仅包含两个LinearLayouts:

  • 第1LinearLayout主机一VideoViewButton
  • 第二个LinearLayout托管一个EditText,并且LinearLayout已将可见性值设置为“ GONE ”(android:visibility="gone"

如下所示:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
    android:layout_height="fill_parent" 
    android:layout_width="fill_parent"
        android:orientation="vertical"
>
    <LinearLayout 
        android:id="@+id/first_ll"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"

    >
        <VideoView 
            android:id="@+id/my_video"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="9"
        />

        <Button
            android:id="@+id/my_btn"
            android:layout_width="30dip" 
            android:layout_height="30dip"
            android:layout_gravity="right|bottom"
                android:layout_weight="1"
        />

    </LinearLayout>

    <LinearLayout 
        android:id="@+id/second_ll"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:paddingTop="2dip"

        android:visibility="gone"
    >
        <EditText 
            android:id="@+id/edit_text_field"
            android:layout_height="40dip"
            android:layout_width="fill_parent"
            android:layout_weight="5"
            android:layout_gravity="center_vertical"
        />

    </LinearLayout>
</LinearLayout>

我成功实现了以下功能:Button按下(ID为my_btn时),将显示第二个 LinearLayoutwithEditText字段,并带有以下Java代码:

LinearLayout secondLL = (LinearLayout) findViewById(R.id.second_ll);

Button myBtn = (Button) findViewById(R.id.my_btn);
myBtn.setOnClickListener(new OnClickListener(){
    @Override
    public void onClick(View v){
        int visibility = secondLL.getVisibility();

        if(visibility==View.GONE)
            secondLL.setVisibility(View.VISIBLE);

    }
}); 

在上面的Java代码中,第二个 LinearLayoutwithEditText就像附加在一个 合理的下方所示LinearLayout

,我需要的是:当Button:按下(ID my_btn的),在第二次 LinearLayoutEditText 的顶部显示第一个 LinearLayout,它看起来像第二个 LinearLayoutEditText从屏幕的底部上升,而第二个 LinearLayoutEditText只占据的部分从底部屏幕开始,那第一个LinearLayout仍然可见,如下图所示:

在此处输入图片说明

所以,当Button(ID:my_btn的)时如何显示第二 LinearLayoutEditText 之上第一个 LinearLayout,而不是追加第二次 LinearLayout低于1 LinearLayout编程?

Answers:


186

将FrameLayout与两个孩子一起使用。两个孩子将重叠。实际上,这是Android的其中一本教程中推荐的,这不是hack ...

这是一个在ImageView顶部显示TextView的示例:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">

  <ImageView  
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 

    android:scaleType="center"
    android:src="@drawable/golden_gate" />

  <TextView
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginBottom="20dip"
    android:layout_gravity="center_horizontal|bottom"

    android:padding="12dip"

    android:background="#AA000000"
    android:textColor="#ffffffff"

    android:text="Golden Gate" />

</FrameLayout>

这是结果


13
在这段代码中,是什么使它居于TextView首位?是因为它在列表中排第二吗?
亚当·约翰斯

13
正如FrameLayout文档所说:子视图是在堆栈中绘制的,最近添加的子视图位于顶部。考虑到从顶部到底部解析xml布局,然后将TextView项作为xml中的最后一个绘制在顶部。
Maciej Pigulski 2014年

我正在尝试此操作,但将Scrollview作为FrameLayout的第一个孩子,将TextView作为第二个孩子。但是这里没有在背景中显示滚动视图。任何帮助。
拉朱2014年

1
谢谢兄弟!这个答案正是我要的!大!@Raju:将以下FrameLayout放置在布局的LAST结束标记(整个屏幕)之前... <FrameLayout android:id =“ @ + id / icon_frame_container” android:layout_width =“ match_parent” android:layout_height =“ match_parent”> </ FrameLayout>现在引用它,并照常执行onClick方法或onTouch方法。
Martin Pfeffer

1
在这里,FrameLayout是正确的选择,但值得注意的是,RelativeLayout在添加子视图时会以相同的方式表现。(我是Android的新手,在读完此答案后,错误地认为只有FrameLayout才能完成堆栈。哎呀)
路加福音

4

Alexandru给出的答案非常有效。正如他所说,将“访问者”视图添加为最后一个元素很重要。这是一些对我有用的代码:

        ...

        ...

            </LinearLayout>

        </LinearLayout>

    </FrameLayout>

</LinearLayout>

<!-- place a FrameLayout (match_parent) as the last child -->
<FrameLayout
    android:id="@+id/icon_frame_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</FrameLayout>

</TabHost>

在Java中:

final MaterialDialog materialDialog = (MaterialDialog) dialogInterface;

FrameLayout frameLayout = (FrameLayout) materialDialog
        .findViewById(R.id.icon_frame_container);

frameLayout.setOnTouchListener(
        new OnSwipeTouchListener(ShowCardActivity.this) {

4

FrameLayout 不是更好的方法:

使用RelativeLayout代替。您可以将元素放置在任意位置。之后的元素的z-index值高于上一个元素(即,它在上一个元素之上)。

例:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent" android:layout_height="match_parent">
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/colorPrimary"
        app:srcCompat="@drawable/ic_information"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This is a text."
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        android:layout_margin="8dp"
        android:padding="5dp"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:background="#A000"
        android:textColor="@android:color/white"/>
</RelativeLayout>

在此处输入图片说明

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.