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


84

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

  • 第一LinearLayoutのホストVideoViewButton
  • 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)を押すと、2番目の 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コードでは、2番目の LinearLayoutwithEditTextは、1番目の下に追加するように表示されます。これは理にかなっています。 LinearLayout

しかし、私は必要なのである:ときButton(ID:my_btnという)が押下され、第二 LinearLayoutでは、EditText 上に示されている第一 LinearLayoutのように見えた、第二 LinearLayoutでは、EditText画面の下部、およびから上昇して第二 LinearLayoutとのEditText唯一の部分を占めます下の画像が示すように、画面の下から、それはまだ表示されている最初のLinearLayoutです。

ここに画像の説明を入力してください

だから、ときButton(ID:my_btnという)を表示する方法を押されて第二 LinearLayoutEditText の上に第一 LinearLayoutの代わりに追加の第二 LinearLayout下の第一 LinearLayout、プログラムを?

回答:


186

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

これは、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>

これが結果です


13
このコードでは、何がTextView一番上にあるのですか?それはリストの2番目に来るからですか?
アダムジョンズ

13
FrameLayoutのドキュメントにあるように、子ビューはスタックに描画され、最後に追加された子が一番上になります。xmlレイアウトが上から下に解析されることを考慮すると、TextViewアイテムはxmlの最後のアイテムとして上に描画されます。
Maciej Pigulski 2014年

私はこれを試していますが、FrameLayoutの最初の子としてScrollviewを使用し、2番目の子としてTextViewを使用しています。しかし、ここでは、背景にスクロールビューが表示されていません。どんな助けでも。
ラジュ

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だけがスタッキングを実行できると誤って考えました。おっと)
ルーク

4

アレクサンドルによって与えられた答えは非常にうまく機能しています。彼が言ったように、この「アクセサ」ビューが最後の要素として追加されることが重要です。これが私のためにトリックをしたいくつかのコードです:

        ...

        ...

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

ここに画像の説明を入力してください

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.