Aquí podría ser tu PUBLICIDAD


Imageview escalar cuestión en ConstriantLayout

votos
0

Estoy utilizando un imageview en un diseño de restricción y quiero que el ancho de ImageView ser ancho y la altura de la pantalla para ser dinámico según la imagen.

Mi XML para la disposición es

<?xml version=1.0 encoding=utf-8?>
<android.support.v7.widget.CardView xmlns:android=http://schemas.android.com/apk/res/android
xmlns:app=http://schemas.android.com/apk/res-auto
xmlns:tools=http://schemas.android.com/tools
style=@style/CardView.Light
android:layout_width=match_parent
android:layout_height=wrap_content
android:layout_marginTop=8dp>

<android.support.constraint.ConstraintLayout
    android:layout_width=match_parent
    android:layout_height=wrap_content
    android:background=@color/newsItemBackground
    tools:layout_editor_absoluteY=29dp>

    <TextView
        android:id=@+id/textTitle
        android:layout_width=0dp
        android:layout_height=wrap_content
        android:layout_marginEnd=8dp
        android:layout_marginLeft=8dp
        android:layout_marginRight=8dp
        android:layout_marginStart=8dp
        android:layout_marginTop=8dp
        android:textColor=@color/textHighEmphasis
        android:textSize=@dimen/news_title_size
        android:textStyle=bold
        app:layout_constraintEnd_toEndOf=parent
        app:layout_constraintStart_toStartOf=parent
        app:layout_constraintTop_toTopOf=parent
        tools:text=Title />

    <TextView
        android:id=@+id/textTime
        android:layout_width=0dp
        android:layout_height=wrap_content
        android:layout_marginEnd=8dp
        android:layout_marginLeft=8dp
        android:layout_marginRight=8dp
        android:layout_marginStart=8dp
        android:layout_marginTop=8dp
        android:fontFamily=@font/english_font
        android:textColor=@color/textMediumEmphasis
        android:textSize=@dimen/news_time_size
        android:textStyle=normal
        app:layout_constraintEnd_toEndOf=parent
        app:layout_constraintStart_toStartOf=parent
        app:layout_constraintTop_toBottomOf=@+id/textTitle
        tools:text=Time />

    <Button
        android:id=@+id/buttonMore
        style=@style/Widget.AppCompat.Button.Borderless.Colored
        android:layout_width=wrap_content
        android:layout_height=wrap_content
        android:layout_marginEnd=8dp
        android:layout_marginRight=8dp
        app:layout_constraintBottom_toBottomOf=parent
        app:layout_constraintEnd_toStartOf=@+id/buttonShare
        app:layout_constraintTop_toBottomOf=@+id/viewSeperator
        app:layout_constraintVertical_bias=0.0
        tools:text=readmore />

    <Button
        android:id=@+id/buttonShare
        style=@style/Widget.AppCompat.Button.Borderless.Colored
        android:layout_width=wrap_content
        android:layout_height=wrap_content
        android:layout_marginEnd=8dp
        android:layout_marginRight=8dp
        android:text=@string/share_button
        app:layout_constraintBottom_toBottomOf=parent
        app:layout_constraintEnd_toEndOf=parent
        app:layout_constraintTop_toBottomOf=@+id/viewSeperator
        app:layout_constraintVertical_bias=0.0 />


    <TextView
        android:id=@+id/textBody
        android:layout_width=0dp
        android:layout_height=wrap_content
        android:layout_marginEnd=8dp
        android:layout_marginLeft=8dp
        android:layout_marginRight=8dp
        android:layout_marginStart=8dp
        android:layout_marginTop=8dp
        android:textColor=@color/textHighEmphasis
        android:textSize=@dimen/news_body_size
        android:textStyle=normal
        app:layout_constraintEnd_toEndOf=parent
        app:layout_constraintHorizontal_bias=0.0
        app:layout_constraintStart_toStartOf=parent
        app:layout_constraintTop_toBottomOf=@+id/imageNews
        tools:text=Body />


    <View
        android:id=@+id/viewSeperator
        android:layout_width=0dp
        android:layout_height=1px
        android:layout_marginEnd=8dp
        android:layout_marginLeft=8dp
        android:layout_marginRight=8dp
        android:layout_marginStart=8dp
        android:layout_marginTop=8dp
        android:background=@color/cardSeperatorLine
        app:layout_constraintEnd_toEndOf=parent
        app:layout_constraintStart_toStartOf=parent
        app:layout_constraintTop_toBottomOf=@+id/textBody />

    <ImageView
        android:id=@+id/imageNews
        android:layout_width=0dp
        android:layout_height=wrap_content
        android:layout_marginEnd=8dp
        android:layout_marginLeft=8dp
        android:layout_marginRight=8dp
        android:layout_marginStart=8dp
        android:layout_marginTop=8dp
        android:scaleType=centerCrop
        app:layout_constraintEnd_toEndOf=parent
        app:layout_constraintHorizontal_bias=0.0
        app:layout_constraintStart_toStartOf=parent
        app:layout_constraintTop_toBottomOf=@+id/textTime
        app:srcCompat=@drawable/portait_man />


</android.support.constraint.ConstraintLayout>

</android.support.v7.widget.CardView>

Esta imagen se ve bien en el editor de Android Studio sin embargo cuando lo cargo usando Glide, la altura de la imagen se recorta de la parte superior e inferior.

Imagen de editor es

editor

Imagen mientras se ejecuta la aplicación

imagen

Estoy cargando utilizando el código

Glide.with(imageNews.getContext())
                .load(item.image_url)
                .into(imageNews);
Publicado el 02/09/2018 a las 05:23
fuente por usuario Anoop Krishnan
En otros idiomas...        العربية       

2 respuestas

votos
0

Trate de abajo

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="8dp">

    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/textTitle"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginEnd="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:textStyle="bold"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            tools:text="Title" />

        <TextView
            android:id="@+id/textTime"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginEnd="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:textStyle="normal"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/textTitle"
            tools:text="Time" />

        <Button
            android:id="@+id/buttonMore"
            style="@style/Widget.AppCompat.Button.Borderless.Colored"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@+id/buttonShare"
            app:layout_constraintTop_toBottomOf="@+id/viewSeperator"
            app:layout_constraintVertical_bias="0.0"
            tools:text="readmore" />

        <Button
            android:id="@+id/buttonShare"
            style="@style/Widget.AppCompat.Button.Borderless.Colored"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:text="share_button"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/viewSeperator"
            app:layout_constraintVertical_bias="0.0" />


        <TextView
            android:id="@+id/textBody"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginEnd="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:textStyle="normal"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/imageNews"
            tools:text="Body" />


        <View
            android:id="@+id/viewSeperator"
            android:layout_width="0dp"
            android:layout_height="1px"
            android:layout_marginEnd="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/textBody" />

        <ImageView
            android:id="@+id/imageNews"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/textTime"
            app:srcCompat="@mipmap/ic_logo" />


    </android.support.constraint.ConstraintLayout>

</android.support.v7.widget.CardView>

Asegúrese de que he temporal basta con retirar su código de color y texto de cadena.

Respondida el 02/09/2018 a las 05:32
fuente por usuario Mehul Kabaria


Aquí podría ser tu PUBLICIDAD


votos
0

Tenga en cuenta que centerCroppuede acercar un poco a la imagen un poco. Si desea que el ImageViewser flexible basado en la resolución de eliminación de la imagen scaleType, pero esto puede conducir a un comportamiento inesperado.

<ImageView
        android:id="@+id/imageNews"
        android:layout_width="wrap_content" // Changed to wrap_content
        android:layout_height="wrap_content"
        android:layout_margin="8dp"
        android:scaleType="centerCrop"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textTime"
        app:srcCompat="@drawable/portait_man" />
Respondida el 02/09/2018 a las 05:28
fuente por usuario jake