Naar content
Trending apps
  • Inbox by Gmail

  • Maps: Navigatie en OV

  • WhatsApp Messenger

  • Messenger

  • Facebook

Trending games
  • Minecraft Earth

  • Dr. Mario World

  • Harry Potter: Wizards Unite

  • Breaking Bad: Criminal Elements

  • The Elder Scrolls: Blades

Trending smartphones
  • OPPO Find X2 Pro

  • Nokia 8.3

  • Xiaomi Mi 10 Pro

  • Huawei P40 Pro

  • Realme X2 Pro

Nieuwste tablets
  • Samsung Galaxy Tab S6

  • Samsung Galaxy Tab A 10.5

  • Samsung Galaxy Tab S4

  • Samsung Galaxy Tab S3 9.7

  • Asus Zenpad 3S 10

bartfukkink

bartfukkink

  • Lid sinds 11 februari 2011
  • Berichten 358
  • Reputatie 0
  • #1
  • 11 maart 2011
  • 16:21

Gegroet!

Ik ben nog steeds lekker bezig en zit met een layout probleempje…

1599

Ik wil de pijl graag aan het eind hebben (zoals in de onderste van de 2 afbeeldingen). Alleen lukt me dat nu voor geen meter…Iemand die een beetje thuis is in de xml opmaak hier?

Deze XML geeft het bovenste resultaat:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:paddingLeft="5px">

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

<TextView android:id="@+id/text1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="12px"
/>

<TextView android:id="@+id/text2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10px" />

</LinearLayout>

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/icon_forward"
android:layout_gravity="right"
/>

</LinearLayout>

Bewerkt (11 maart 2011 16:21)
fifarunnerr

fifarunnerr

  • Lid sinds 13 juli 2010
  • Berichten 1846
  • Reputatie 10
  • #2
  • 11 maart 2011
  • 16:26

Probeer eens in imageview

android:layout_gravity="right"

te vervangen door
 android:gravity="right" 

Bewerkt (11 maart 2011 16:26)
bartfukkink

bartfukkink

  • Lid sinds 11 februari 2011
  • Berichten 358
  • Reputatie 0
  • #3
  • 11 maart 2011
  • 16:38

Helaas, dat werkt niet.

Als ik de gravity van de eerste LinearLayout instel op Right, dan heb ik alles rechts staan (zoals het hoort).
Ik krijg dan alleen, met geen enkele gravity, de tekst terug naar linksMisschien ligt het in de layout_width van de 2e LinearLayout?

(Ik moet dit soort dingen ook niet op vrijdag middag doen…)

Bewerkt (11 maart 2011 16:38)
fifarunnerr

fifarunnerr

  • Lid sinds 13 juli 2010
  • Berichten 1846
  • Reputatie 10
  • #4
  • 11 maart 2011
  • 16:51

Hmm…Een niet zo nette oplossing is om “android:layout_marginLeft=”70dip" bij je ImageView te zetten, maar is wel een tijdelijke oplossing.
Al denk ik dat hij in landscape dan weer niet zo mooi is.

Probeer anders eens om een LinearLayout om die ImageView te zetten, en dan die linearlayout uit te laten lijnen naar rechts?

Bewerkt (11 maart 2011 16:51)
bartfukkink

bartfukkink

  • Lid sinds 11 februari 2011
  • Berichten 358
  • Reputatie 0
  • #5
  • 11 maart 2011
  • 16:56

Hebbes!

Die 2e Linear Layout deed het inderdaad. Die heeft een gravity op right, en heeft daarbij layout_width op fill_parent. Zo vult deze alle overige ruimte op, en alles wat erin staat wordt rechts uitgelijnd. Eigenlijk best simpel ook als je er zo over nadenkt…Zoals ik al eerder zei: Ik moet dit soort dingen niet op vrijdag middag doen

Bedankt voor de hulp fifarunnerr! En hieronder het resultaat in xml. Dit geeft (voor mij in ieder geval) het resultaat wat ik wou hebbenFijn weekend!

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:paddingLeft="5px">


<!-- Text layout -->
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:orientation="vertical">

<TextView android:id="@+id/text1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="12px"
/>

<TextView android:id="@+id/text2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10px"
/>

</LinearLayout>

<!-- Afbeelding layout -->

[COLOR=red] <LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="right">[/COLOR]
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/icon_forward"
/>
</LinearLayout>
</LinearLayout>

Bewerkt (11 maart 2011 16:56)
klwinkel

klwinkel

  • Lid sinds 23 oktober 2010
  • Berichten 951
  • Reputatie 0
  • #6
  • 11 maart 2011
  • 20:30

Beter is met een relativelayout, en allignparentright.
Geen px gebruiken voor de breedte, beter is dp, nu ziet het er op een tablet niet uit.

Bewerkt (11 maart 2011 20:30)
bartfukkink

bartfukkink

  • Lid sinds 11 februari 2011
  • Berichten 358
  • Reputatie 0
  • #7
  • 18 maart 2011
  • 14:26

klwinkel;117095
Beter is met een relativelayout, en allignparentright.
Geen px gebruiken voor de breedte, beter is dp, nu ziet het er op een tablet niet uit.


Ik gebruik(te) de pixels alleen voor de tekstgrootte, niet voor de grootte van de onderdelen. (en heb het ook verandert in dp) Ik heb nu pas een moment om nog naar de Relative layout te kijken dus zal is even prutsen. Bedankt voor de tip in ieder geval!

Edit: Oh wauw, dat gaat wel veel makkelijker..

Ongeveer het zelfde resultaat (Alleen andere kleurtjes e.d.) met toch aanzienlijk minder code, en ook zeer veel minder frustratie ^^:

<?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:paddingLeft="5dp"
android:id="@+id/relLayout"
android:background="@color/white"
>

<ImageView
android:id="@+id/img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/icon_forward"
[COLOR=red] android:layout_alignParentRight="true"[/COLOR] />

<TextView
android:id="@+id/text1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="16dp"
android:textColor="@color/black"
[COLOR=red] android:layout_toLeftOf="@id/img"
android:layout_alignParentLeft="true[/COLOR]" />

<TextView
android:id="@+id/text2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="12dp"
android:textColor="@color/black"
[COLOR=red] android:layout_below="@id/text1"
android:layout_toLeftOf="@id/img"[/COLOR]
[COLOR=red]android:layout_alignParentLeft="true"[/COLOR] />

</RelativeLayout>

Bewerkt (18 maart 2011 14:26)

Reageer

Om te reageren, dien je te zijn ingelogd. Druk op de onderstaande knop om in te loggen of maak een nieuwe account aan.

Inloggen Registreren