จะแสดงเค้าโครงหนึ่งด้านบนของอีกรูปแบบทางโปรแกรมได้อย่างไรในกรณีของฉัน

เค้าโครงหลักของฉันmain.xmlมี LinearLayouts สองแบบ:

• ที่ 1 LinearLayoutเป็นเจ้าภาพ a VideoViewและ a Button,
• LinearLayoutโฮสต์ที่2 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(with id my_btn) ฟิลด์ที่2 LinearLayoutพร้อมEditTextจะปรากฏขึ้นพร้อมโค้ด 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 ด้านบนตัวที่2 LinearLayoutด้วยEditTextจะแสดงเหมือนต่อท้ายอันที่1 LinearLayoutซึ่งสมเหตุสมผล

แต่สิ่งที่ฉันต้องการคือเมื่อButton(ID: my_btn) กดที่2 LinearLayoutด้วยEditText จะแสดงอยู่ด้านบนของที่ 1 LinearLayoutซึ่งมีลักษณะเช่นเดียวกับครั้งที่ 2 LinearLayoutที่มีEditTextเพิ่มขึ้นจากด้านล่างของหน้าจอและ2 LinearLayoutมีEditTextเพียงครอบครองส่วนหนึ่งของ หน้าจอจากด้านล่างนั่นคือ LinearLayout ที่ 1 ที่ยังคงมองเห็นได้ดังภาพด้านล่างนี้

ดังนั้นเมื่อButton(ID: my_btn) กดวิธีการแสดงครั้งที่ 2 LinearLayoutกับEditText ด้านบนของ1 LinearLayoutแทนการผนวกที่ 2 LinearLayoutด้านล่าง1 LinearLayoutโปรแกรม?

ใช้ FrameLayout กับเด็กสองคน ลูกทั้งสองจะซ้อนกัน แนะนำให้ใช้หนึ่งในบทเรียนจาก Android จริง ๆ แล้วไม่ใช่แฮ็ก ...

นี่คือตัวอย่างที่ TextView แสดงที่ด้านบนของ ImageView:

<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>

FrameLayout ไม่ใช่วิธีที่ดีกว่าในการทำสิ่งนี้:

ใช้RelativeLayoutแทน คุณสามารถวางองค์ประกอบได้ทุกที่ที่คุณต้องการ องค์ประกอบที่ตามมามีดัชนี z สูงกว่าองค์ประกอบก่อนหน้า (กล่าวคือมาจากองค์ประกอบก่อนหน้า)

ตัวอย่าง:

<?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>

คำตอบที่ได้รับจาก Alexandru นั้นใช้งานได้ดีทีเดียว ดังที่เขากล่าวไว้ว่าสิ่งสำคัญคือ "accessor" -view นี้จะถูกเพิ่มเป็นองค์ประกอบสุดท้าย นี่คือรหัสบางส่วนที่ใช้เคล็ดลับสำหรับฉัน:

        ...

        ...

            </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) {