poniedziałek, 10 lutego 2014

Scroll View – ekran przewijany


Niekiedy nie wystarczy nam ekranu na wszystkie elementy które chcielibyśmy umieścić. Przykładowo mamy aplikację z dużą ilością guzików w ramach menu wyboru. Guzików jest za dużo w stosunku do długości ekranu by mogły się zmieścić. W takich przypadkach stosuje się scroll view, czyli rodzaj layoutu który pozwala na przewijanie. Wejdź do menu ustawień w Androidzie a zrozumiesz o co chodzi. Aby przygotować taki wygląd, w pierwszej kolejności zmieniam layout w pliku xml layoutu na scroll view:


<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=" " />
</ScrollView>



Umieściłem też tam element tekstowy do którego wrzucę trochę tekstu, tak by było widać efekt przesuwania ekranu. W klasie aktywności dodaję kawałek kodu który do elementu tekstowego zdefiniowanego przed momentem wstawia kolejne liczby w kolejnych liniach:




Po uruchomieniu mogę przeciągać ekran suwaczkiem znajdującym się po prawej stronie:



5 komentarzy:

  1. a jak usunąć owy suwaczek?

    OdpowiedzUsuń
  2. Szkoda ze autor nie zaglada do komentarzy, i nie ODP na zadawane pytania. Poza tym kursik jest w miarę ok. Można by dodać bardziej zaawansowane kwestie.
    Ale ogólnie fajna robota

    OdpowiedzUsuń
  3. Jak zrobić TextView i Button skoro ScrollView can host only one child ?

    OdpowiedzUsuń
    Odpowiedzi
    1. zrób drugi layout w środku ScrollView :





      .........







      to jest przykład ale możesz zastosować także LinearLayout

      Pozdrawiam Maciek

      Usuń
    2. tu jest kod :)

      http://wklej.org/id/1644903/

      sory za błędy ale pisałem na szybko :D

      pozdrawiam

      Usuń