Naar content
Trending apps
  • Google Duo: videogesprekken van hoge kwaliteit

  • Gmail

  • Maps: Navigatie en OV

  • WhatsApp Messenger

  • Messenger: gratis sms'en en videobellen

Trending games
  • Fortnite

  • Minecraft Earth

  • Dr. Mario World

  • Harry Potter: Wizards Unite

  • Breaking Bad: Criminal Elements

Trending smartphones
  • OnePlus Nord N10 5G

  • POCO X3

  • Google Pixel 5

  • Google Pixel 4a

  • OnePlus Nord

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

Wij werken momenteel aan een nieuw forum voor Androidworld. Het is daarom momenteel niet mogelijk om te reageren of nieuwe topics aan te maken.

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

  • 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

  • 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 links Misschien 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

  • 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

  • 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 hebben Fijn 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

  • 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

  • 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

We werken momenteel hard aan een nieuw forum voor Androidworld. Het is daarom helaas niet mogelijk om op dit topic te reageren.