web-dev-qa-db-ja.com

私の場合、1つのレイアウトを他のレイアウトの上にプログラムで表示するにはどうすればよいですか?

私のメインレイアウトmain.xmlには、単に2つのLinearLayoutsが含まれています。

  • 最初のLinearLayoutは、VideoViewButtonをホストします。
  • 2番目のLinearLayoutEditTextをホストし、このLinearLayoutvisibility値を "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)が押されると、2ndLinearLayout with 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コードでは、2ndLinearLayout with EditTextは、以下に追加1stLinearLayoutこれは理にかなっています。

BUT、必要なのは:Button(id:my_btn)が押されたとき、2ndLinearLayout with EditText上に表示1stLinearLayout2ndLinearLayout with EditText画面の下部から上昇しており、2ndLinearLayout with EditTextは、画面の一部を下からのみ占有します。これは、下の画像のように、最初に表示されるLinearLayoutです。 :

enter image description here

したがって、Button(id:my_btn)が押されると、2ndLinearLayout with EditTexton on the- 1stLinearLayoutを追加する代わりに2ndLinearLayout以下1stLinearLayout

84
Mellon

2つの子を持つFrameLayoutを使用します。 2つの子は重なります。これは、Androidのチュートリアルの1つで推奨されていますが、実際にはハックではありません...

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>

Here is the result

185

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

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>

enter image description here

4
Raj Yadav