具有自定义布局的Android对话框：未完全显示

Question

I'm creating an app that shows a GridView with photos and some TextViews with details regarding the photo (uploader, description). When the user clicks on a GridView item, it is supposed to show the picture bigger with some details in TextViews (just like on Facebook when you click on an image).

That's why I decided to implement this with an Alert Dialog and a custom layout. The layout is the following, just an ImageView and a TextView to the right of the picture.

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true"
    tools:context="com.example.handmadecommunity.FullImageActivity" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin" >

        <ImageView
            android:id="@+id/picture"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:contentDescription="@string/contentDescriptor"
            android:maxHeight="500dp"
            android:maxWidth="500dp"
            android:src="@drawable/test" />

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/picture"
            android:layout_marginLeft="41dp"
            android:layout_marginTop="24dp"
            android:layout_toRightOf="@+id/picture"
            android:ellipsize="marquee"
            android:gravity="left"
            android:scrollHorizontally="true"
            android:singleLine="false"
            android:textAppearance="?android:attr/textAppearanceMedium" />
    </RelativeLayout>

</ScrollView>

I create my alert dialog the following way (just to point out, this is in a fragment, that's why the getActivity())

AlertDialog.Builder alertDialogBuilder = new AlertDialog.Builder(getActivity());
LayoutInflater inflater = getActivity().getLayoutInflater();
View layout = inflater.inflate(R.layout.activity_full_image, null);

TextView description = (TextView) layout.findViewById(R.id.textView1);
description.setText(desc);

alertDialogBuilder.setTitle(title).setView(layout).setCancelable(true);
AlertDialog alert = alertDialogBuilder.create();
alert.show();

My problem can be shown on this pic http://imgur.com/OGQRyse .

Am I missing something on the layout or code?

Answer 1

Your ImageView is too big it is pushing TextView out of the screen try placing it below ImageView

<TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ellipsize="marquee"
        android:gravity="left"
        android:scrollHorizontally="true"
        android:singleLine="false"
        android:text="Hello "
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:layout_below="@+id/picture"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />