Android ScrollView adiciona estofamento extra na parte superior e inferior do Child ImageView
-
26-09-2019 - |
Pergunta
Tenho um problema em renderizar um scrollView. Essencialmente, o layout é cabeçalho e rodapé fixo com um scrollView no meio. A idéia é que, quando o teclado da tela é ativado para o conteúdo edittext, a imagem pode ser rolada se a altura da imagem for mais longa que a visualização do meio.
Ao testar o layout, descobri que no meu telefone Android (Xperia X10 Android 1.6), há um monte de preenchimento adicionado à parte superior e inferior do ImageView.
Eu apreciaria quaisquer sugestões sobre como posso impedir que isso aconteça.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<!-- Header -->
<RelativeLayout
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#FFFFFF">
<TextView
android:text="Share your photo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="left"/>
<Button
android:id="@+id/btnStack"
android:text="Stacks"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"/>
</RelativeLayout>
<!-- End Header -->
<!-- Body -->
<ScrollView
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:padding="5px"
android:background="#CCCCCC">
<ImageView
android:id="@+id/imgPreview"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
</ScrollView>
<!-- End Body -->
<!-- Footer -->
<RelativeLayout
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#FFFFFF"
android:layout_alignParentBottom="true">
<EditText
android:id="@+id/caption"
android:text="Type your caption"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
<LinearLayout
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/caption"
android:background="#CCCCCC">
<Button
android:id="@+id/btnUpload"
android:text="Share"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"/>
<Button
android:id="@+id/btnCancel"
android:text="Cancel"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"/>
</LinearLayout>
</RelativeLayout>
<!-- End Footer -->
</LinearLayout>
Solução
Descobri depois de alguma experimentação que adicionar a sintaxe a seguir ao meu código Java resolveu o problema:
imgPreview.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
imgPreview.setAdjustViewBounds(true);
Outras dicas
Apenas adicionando o seguinte atributo ao seu ImageView XML Descrição Faça o trabalho:
android:adjustViewBounds="true"
android:fillViewport="true"
android:fadingEdge="none"
Use essas propriedades no ScrollView.
Você pode definir Margintop e de baixo para um número negativo para a criança como este
<HorizontalScrollView
android:layout_width="200dp"
android:layout_height="200dp"
android:background="#ffffff"
android:overScrollMode="never"
android:scrollbars="none">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="horizontal"
android:layout_marginBottom="-10dp"
android:layout_marginTop="-10dp">
</LinearLayout>
</HorizontalScrollView>