Chcę stworzyć takie tło za pomocą XML, jak mogę je połączyć tu wpisz opis obrazu

0
ernesto enrique sanchez 20 czerwiec 2021, 08:04

3 odpowiedzi

Najlepsza odpowiedź

Możesz użyć tego kodu jako tła.

<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
    android:bottom="0dp"
    android:left="0dp"
    android:right="0dp"
    android:top="0dp">
    <shape android:shape="rectangle">
        <solid android:color="@color/black"/>
    </shape>
</item>
<item
    android:bottom="-100dp"
    android:left="-220dp"
    android:right="-130dp"
    android:top="100dp">
    <shape android:shape="oval">
        <solid android:color="@color/colorRed"/>
    </shape>
</item>

To będzie wyglądać tak. wynik

0
A. K. M. Shahab Uddin 20 czerwiec 2021, 06:08

1- utwórz background_balck.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle" >
<solid android:color="#000"/>
</shape>

2- utwórz plik forground_shape.xml i umieść na nim ten kod do rysowania.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
   <item>
     <shape android:shape="rectangle" />
</item>
<item
    android:bottom="-70dp"
    android:left="-150dp"
    android:right="-100dp"
    android:top="100dp">
    <shape android:shape="oval">
        <solid android:color="#F40505" />
    </shape>
   </item>
 </layer-list>

2- ustaw ten kształt na dowolny widok w ten sposób.

Przykład:

  <?xml version="1.0" encoding="utf-8"?>
  <androidx.constraintlayout.widget.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background_balck"
    tools:context=".MainActivity">


<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="423dp"
    android:layout_height="734dp"
    android:background="@drawable/forground_shape"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="@+id/guideline2">

         ///your  component

</androidx.constraintlayout.widget.ConstraintLayout>


    /// root view 

  <androidx.constraintlayout.widget.Guideline
    android:id="@+id/guideline2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    app:layout_constraintGuide_begin="51dp" />

  </androidx.constraintlayout.widget.ConstraintLayout>

Wynik : tu wpisz opis obrazu

Baw się dobrze :)

0
SamanSepahvand 20 czerwiec 2021, 05:53

W Android studio trudno wykonać takie projekty.

Łatwiejszym sposobem, który znam, aby je stworzyć, jest użycie Adobe XD. Tutaj możesz stworzyć wymagany projekt, a następnie wyeksportować w formacie SVG, który można bezpośrednio zaimportować ze studia Android. Zostanie to utworzone jako plik XML w Twoim projekcie.

Możesz polecić ten samouczek wideo: https://www.youtube.com/watch?v=46emdTv8Js4

0
Prashant naik 20 czerwiec 2021, 05:50