2

Olá, Gostaria de saber como eu poderia fazer para manter uma imagem fixa e as informações rolem por baixo dela, com tudo isso dentro de uma ScrollView, segue print do layout e do XML pic. de como está atualmente

Código:

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"> 
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.hs.gui.testelayout.TelaTres"
    android:orientation="vertical"> 
<TextView
    android:layout_width="100dp"
    android:layout_height="15dp"
    android:text="Tela 3 - | - Final"/>
<ImageView
    android:layout_width="350dp"
    android:layout_height="250dp"
    android:paddingLeft="15dp"
    android:paddingRight="15dp"
    android:paddingBottom="15dp"
    android:foregroundGravity="center"
    android:src="@drawable/guerra_civil_2"
    android:scrollIndicators="start"
    />
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/sinopse_CivWar"
    android:textSize="25dp"/>
</LinearLayout>
</ScrollView>

Eu pensei em manter a imagem fora da ScrollView mas isso parece não possível (ou eu não sei fazer) Agradeço a atenção :)

2 Respostas 2

1

Eu consegui transformando o layout principal em LinearLayout, e colocando os elementos estáticos logo no inicio. Logo abaixo coloquei o ScrollView com o único elemento scrolavel que era a sinopse:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">

  <!--Elementos Estaticos-->
    <TextView
        android:layout_width="100dp"
        android:layout_height="15dp"
        android:text="@string/titulo"/>


    <ImageView
        android:layout_width="350dp"
        android:layout_height="250dp"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:paddingBottom="15dp"
        android:src="@drawable/civilwar"/>

       <!--Elementos Moveis-->
        <ScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/sinopse_CivWar"
                android:textSize="25dp"/>

        </LinearLayout>

    </ScrollView>
</LinearLayout>

Segue print:

Print-1 de exemplo da implementação Print-2 de exemplo da implementação

0
1

Para isso, deve se utilizar um RelativeLayout

Exemplo:

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

    <!-- Imagem fora do ScrowView, fica fixa -->
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageView"
        android:src="@mipmap/ic_launcher"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true" />

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/scrollView"
        android:background="@android:color/transparent"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true" >

        <LinearLayout
            android:orientation="horizontal"
            android:background="@android:color/transparent"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <!-- Coloque aqui os TextView-->

            <TextView
                android:layout_width="301dp"
                android:layout_height="1680dp"
                android:textAppearance="?android:attr/textAppearanceLarge"
                android:text="@string/texto"
                android:id="@+id/textView"
                android:layout_alignParentTop="true"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_marginLeft="38dp"
                android:layout_marginStart="38dp"
                android:layout_marginTop="103dp" />


        </LinearLayout>
    </ScrollView>

</RelativeLayout>
2
  • Mas usar o RelativeLayout não "quebraria" a organização? Sim eu tenho dificuldade para lidar com o relative... Grato :) Commented 12/04/2016 às 22:49
  • Não! Relaxa! Também tinha dificuldades com ele! Mas se vc treinar ( começar a mecher pra ver como funciona ) você pega o jeito rapidinho! Commented 12/04/2016 às 22:52

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .