Layoutproblem mit ImageView

silbaer · 11. September 2016

Moin!

Gegeben ist ein horizontales LinearLayout bestehen aus zwei TextView, vier ImageView und einem Button. Die Höhe soll durch den Button (oder die TextView) bestimmt werden und die ImageView sollen sich entsprechend anpassen. In den ImageViews sind quadratische Icons die größer sind als die Zeile, sprich der Button, ist. Diese sollen entsprechend der ImageView/Zeile proportional skaliert werden.

Ich habe schon alles Mögliche probiert und gegoogelt, aber eine Lösung habe ich nicht gefunden. Ich habe allerdings auch noch so einige Probleme die ganzen Layouts samt ihren Einstellungen/Parametern zu durchschauen. Wenn da jemand eine kompakte Erklärung zu kennt, immer her damit.

Zu meinem Problem nochmal: Wenn ich das richtig sehe, müsste ich dem umgebenen LinearLayout nur sagen: Mach dich so hoch wie der Button. Die ImageView bekommen dann "matchparent" und die Sache ist geritzt. Aber ich weiß nicht wie. Und ob ich da überhaupt richtig liege.

silbaer

Kogoro-Christopher · 12. September 2016

Hi und Herzlich Willkommen im Forum,

ich fange immer mit einer Skizze auf Papier an und schaue dann wie ich es am besten und möglichst flat (also keine unnötigen Tiefen) schaffe.
Ich kann mir das nicht so recht vorstellen. Hast du evtl. eine XML die deinen bisherigen Ansatz beschreibt?
Ansonsten wäre wrap_content für das LinearLayout genau das richtige. Dann nimmt er aber das größte Element, also das ImageView. Von daher würde ich die Größen des ImageViews festlegen.

silbaer · 13. September 2016

Zitat von Kogoro-Christopher

Hi und Herzlich Willkommen im Forum,

ich fange immer mit einer Skizze auf Papier an und schaue dann wie ich es am besten und möglichst flat (also keine unnötigen Tiefen) schaffe.
Ich kann mir das nicht so recht vorstellen. Hast du evtl. eine XML die deinen bisherigen Ansatz beschreibt?
Ansonsten wäre wrap_content für das LinearLayout genau das richtige. Dann nimmt er aber das größte Element, also das ImageView. Von daher würde ich die Größen des ImageViews festlegen.

Hier mal die gekürzte Version meines Layouts zur Übersicht.

XML

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_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="de.silbaer.dmlcalc.MainActivity"&gt;
    &lt;ScrollView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/scrollView" &gt;
        &lt;LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"&gt;
            &lt;LinearLayout
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="[so hoch wie @+id/button_select_ddm]"&gt;
                &lt;TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textAppearance="?android:attr/textAppearanceMedium"
                    android:text="DDM: "
                    android:id="@+id/textViewDDMLabel"
                    android:textStyle="bold" /&gt;
                &lt;TextView
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:textAppearance="?android:attr/textAppearanceMedium"
                    android:id="@+id/textViewDDM"
                    android:layout_weight="1" /&gt;
                &lt;ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:id="@+id/iv_ddm_e1" /&gt;
                &lt;ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:id="@+id/iv_ddm_e2" /&gt;
                &lt;ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:id="@+id/iv_ddm_e3" /&gt;
                &lt;ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:id="@+id/iv_ddm_e4" /&gt;
                &lt;Button
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="select"
                    android:id="@+id/button_select_ddm" /&gt;
            &lt;/LinearLayout&gt;
            &lt;LinearLayout
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"&gt;
[...]
            &lt;/LinearLayout&gt;
            &lt;LinearLayout
                android:orientation="horizontal"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_alignParentStart="true"&gt;
[...]
            &lt;/LinearLayout&gt;
            &lt;LinearLayout
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"&gt;
[...]
        &lt;/LinearLayout&gt;
    &lt;/ScrollView&gt;
    &lt;ListView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/listView"
        android:layout_below="@+id/scrollView" /&gt;
&lt;/RelativeLayout&gt;

Alles anzeigen

Layoutproblem mit ImageView

Jetzt mitmachen!

Teilen