내 경우 프로그래밍 방식으로 하나의 레이아웃을 다른 레이아웃 위에 표시하는 방법은 무엇입니까?


84

내 기본 레이아웃 main.xml 에는 두 개의 LinearLayouts가 있습니다.

  • 첫 번째 LinearLayout호스트 a VideoView및 a Button,
  • 제 2 회 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)을 누르면 다음 Java 코드와 함께 두 번째 LinearLayout with EditText필드가 표시 되는 기능을 성공적으로 구현했습니다 .

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 코드를 사용하면 2nd LinearLayout with EditText1st 아래추가되는 것처럼 표시 됩니다. LinearLayout

하지만 , 내가해야 할 것은 다음과 같은 경우 Button(ID :에서는 my_btn)을 누를 때 두번째 LinearLayoutEditText 의 상단에 표시됩니다 1 일 LinearLayout , 등이 보이는 2 LinearLayoutEditText화면 하단에서 상승하고, 둘째 LinearLayoutEditText단지는 부분을 차지 아래 이미지와 같이 여전히 보이는 첫 번째 LinearLayout입니다.

여기에 이미지 설명 입력

그래서, Button(ID : my_btn이가)를 누르면 어떻게 보여 둘째 LinearLayoutEditText 의 상단에 1 LinearLayout 대신 추가 2 위를 LinearLayout 아래의 첫번째 LinearLayout 프로그램을?

답변:


186

두 자녀가있는 FrameLayout을 사용합니다. 두 자녀가 겹쳐집니다. 이것은 실제로 Android의 자습서 중 하나에서 권장되며 해킹이 아닙니다 ...

다음은 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에서 맨 위에 있는 것은 무엇 입니까? 목록에서 두 번째이기 때문입니까?
Adam Johns

13
FrameLayout 문서에서 말했듯이 하위 뷰는 가장 최근에 추가 된 하위 항목이 맨 위에있는 스택으로 그려집니다. xml 레이아웃이 위에서 아래로 구문 분석된다는 것을 고려하면 TextView 항목이 xml의 마지막 항목으로 맨 위에 그려집니다.
Maciej Pigulski 2014 년

나는 이것을 시도하고 있지만 Scrollview를 FrameLayout의 첫 번째 자식으로, TextView를 두 번째 자식으로 사용합니다. 그러나 여기서는 backgroung에 스크롤 뷰를 표시하지 않습니다. 어떤 도움.
Raju 2014

1
형님 감사합니다! 이 대답은 정확히 제가 찾고있는 것입니다! 큰! @Raju : 레이아웃의 마지막 닫는 태그 (전체 화면) 앞에 다음 FrameLayout을 배치합니다 ... <FrameLayout android : id = "@ + id / icon_frame_container"android : layout_width = "match_parent"android : layout_height = "match_parent"> </ FrameLayout> 이제 그것을 참조하고 평소대로 onClick- 또는 onTouch- 메소드를 수행하십시오.
Martin Pfeffer 2015

1
FrameLayout이 여기에서 올바른 선택이지만 RelativeLayout이 추가 될 때 자식 뷰가 서로 위에 쌓이는 것과 동일한 방식으로 작동한다는 점도 주목할 가치가 있습니다. (나는 Android를 처음 접했고 FrameLayout만이이 답변을 읽은 후 스태킹을 수행 할 수 있다고 잘못 생각했습니다. Whoopsie)
Luke

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>

자바 :

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- 색인이 더 높습니다 (즉, 이전 요소보다 큼).

예:

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

여기에 이미지 설명 입력

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.