UI-Относительный макет

Question

Я пытаюсь создать пользовательский интерфейс, используя относительную компоновку, в которой пользовательский интерфейс должен выглядеть так:

1. В верхней части экрана у меня есть TextView
2. , за которым следует другойTextView
3. с последующим просмотром прокрутки, где мне нужно отобразить текст в прокручиваемом формате
4. , в конце концов, у меня есть просмотр изображений.

Как мне добитьсяэтот.Я попытался использовать комбинацию относительного и линейного макета, но элементы перекрываются.Кто-нибудь есть какие-либо предложения о том, как действовать?

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:background="@drawable/background_main"     android:id="@+id/g_description">
<TextView android:id="@+id/titleBar" android:layout_width="fill_parent"
    android:layout_height="wrap_content"  android:background="@drawable/header"
    android:layout_alignParentTop="true" android:gravity="center"
    android:text="@string/aboutus" android:textAppearance="? android:attr/textAppearanceLarge"
    android:textStyle="bold" />

<TextView android:id="@+id/wd_name"
    android:layout_width="fill_parent" android:layout_below="@id/titleBar"
    android:layout_height="wrap_content" android:textStyle="bold"
    android:textColor="#FFFFFF" android:textSize="18dip" 
    android:background="@drawable/background_main" android:gravity="center" />

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scrolltext" android:layout_width="fill_parent"
    android:layout_height="wrap_content" android:layout_below="@id/wd_name"
    android:padding="5dip">
    <LinearLayout android:orientation="vertical"
        android:layout_width="fill_parent" android:layout_height="fill_parent">

        <TextView xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/wd_description" 
            android:layout_width="fill_parent" android:layout_height="wrap_content" 
            android:textSize="14dip" android:textColor="#FFFFFF">
        </TextView> 
        </LinearLayout>

</ScrollView>           


<ImageView android:id="@+id/bottomBar" android:layout_width="fill_parent"
    android:layout_height="wrap_content" android:src="@drawable/bottom_bar"
    android:layout_alignParentBottom="true" />

Answer 1

вы можете достичь этого следующим образом:

1. Возьмите relative layout и вставьте в него textview.
2. Возьмите еще один textview и добавьте к нему android:layout_below="id of the 1st textview".
3. Возьмите scrollview и добавьте к нему android:layout_below="id of the 2nd textview".
4. Возьмите linear layout в виде прокрутки.
5. Поместите textview в линейный макет.
6. Возьмите imageview и добавьте к нему android:layout_below="id of the scrollview".

Теперь ваш макет готов, и если вы обнаружите какую-либо ошибку, дайте мне знать с вашим кодом ....

Answer 2

Работает нормально с настройкой android: direction = "vertical" для каждого текстового представления.

Answer 3

Идет, как показано ниже.Размещение TextView внутри scrollview сделает его прокручиваемым.Сброс является самоэкспланарным.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">


    <TextView android:layout_height="wrap_content" android:layout_width="fill_parent" android:text="Below TOP TextView" android:id="@+id/TextView01" android:layout_alignParentTop="true"></TextView>

    <TextView android:layout_height="wrap_content" android:layout_width="fill_parent" android:text="TOP TextView" android:id="@+id/TextView02" android:layout_below="@id/TextView01"></TextView>

    <ScrollView android:layout_height="wrap_content" android:layout_width="fill_parent" android:fillViewport="true" android:layout_below="@id/TextView02">
    <TextView android:id="@+id/textView1" android:layout_height="wrap_content" android:text="Scrollable textViewafkasjf;laksjflaskjf;lasjf;alsfjal;sfj;aslfj;aslfja;slfj;aslkfj;asldfj;aslkfjasl;dfj;a asfj aslfj asldfjk as;lfjk asfjka;sldf jl;asj df;asdfjasfj aslfj asljf asjfl;asfasj fasj f;asj flas jf;lasjf;asjkf;las f;asj df;as jf;lasjf ;asjf;asjf;asjf;asjf;asjf;jasf;asfja s;dfa;sf asf jf asf a; sldfja;slfj;asldfjk" android:layout_width="fill_parent"></TextView>
    </ScrollView>
    <ImageView android:src="@drawable/icon" android:layout_height="wrap_content" android:id="@+id/imageView1" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:layout_width="fill_parent"></ImageView>

</RelativeLayout>

Answer 4

Если у вас есть ряд элементов, которые вы хотите передать вниз по экрану, то, похоже, вам просто нужно LinearLayout.