Teknologian jakaminen

Android lisää vaakaviivan

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Androidissa vaakaviivan lisääminen onnistuu yleensä useilla tavoilla, yleisin on käyttöViewKomponentti tai mukautettuDrawable . Tässä on yksinkertainen esimerkki, joka näyttää vaakaviivan lisäämisen asettelutiedostoon:

käyttääViewkomponentit

Asettelun XML-tiedostoon voit lisätä aViewelementti ja aseta sen leveys arvoonmatch_parent(tai tietty leveys), korkeus on1dptai2dp(tai minkä tahansa pienen korkeuden haluat) ja anna sille sitten taustaväri.

  1. <View
  2. android:layout_width="match_parent"
  3. android:layout_height="1dp"
  4. android:background="#000000" /> <!-- 你可以将#000000替换成你想要的颜色 -->

aseta tämäViewKun elementti on sijoitettu sopivaan paikkaan asettelutiedostossasi, se näkyy vaakaviivana.

Käytä mukautettuaDrawable

Vaikka käyttääViewVaakaviivana on helpoin tapa, mutta voit myös luoda mukautetun yhdenDrawableMonimutkaisempien vaakaviivatehosteiden, kuten liukuvärien, katkoviivojen jne. saavuttamiseksi.

Jos esimerkiksi haluat luoda liukuvärin vaakaviivan, voit määrittää liukuvärinDrawableresurssi:

  1. <!-- res/drawable/gradient_line.xml -->
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
  3. <gradient
  4. android:angle="0"
  5. android:endColor="#FF0000"
  6. android:startColor="#00FF00"
  7. android:type="linear" />
  8. <size android:height="2dp" />
  9. </shape>

Laita sitten tämä asettelutiedostoosiDrawableTausta-asetukseksi aView

  1. <View
  2. android:layout_width="match_parent"
  3. android:layout_height="2dp"
  4. android:background="@drawable/gradient_line" />

Tällä tavalla saat vaakasuoran viivan gradienttitehosteella.

Käytä ulkoasussa

Riippumatta siitä, minkä menetelmän valitset vaakaviivan luomiseksi, sinun on sijoitettava se oikeaan paikkaan asettelutiedostossa.Esimerkiksi pystysuorassaLinearLayoutkeskellä:

  1. <LinearLayout
  2. android:layout_width="match_parent"
  3. android:layout_height="wrap_content"
  4. android:orientation="vertical">
  5. <TextView
  6. android:layout_width="match_parent"
  7. android:layout_height="wrap_content"
  8. android:text="Some Text Above the Line" />
  9. <!-- 水平线 -->
  10. <View
  11. android:layout_width="match_parent"
  12. android:layout_height="1dp"
  13. android:background="#000000" />
  14. <TextView
  15. android:layout_width="match_parent"
  16. android:layout_height="wrap_content"
  17. android:text="Some Text Below the Line" />
  18. </LinearLayout>

Tässä esimerkissä vaakaviivat sijoitetaan kahden väliinTextViewkäytetään jakoviivana.