العودة إلى موقع برمج

تصميم layout

#1

السلام عليكم، أحاول وضع زرين في تصميم لكن لايظهر إلا زر واحد فقط.

image
image.png1920×1080 222 KB

image
image.jpg1920×1080 419 KB

نص xml:

<?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:background="@color/white"
android:layout_height=“match_parent”
tools:context=".white">

<TextView
    android:id="@+id/text3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="white"
    android:textColor="#000000"
    android:textSize="50dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintHorizontal_bias="0.498"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.24" />

<TextView
    android:id="@+id/text4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="#FFFFFF"
    android:textColor="#000000"
    android:textSize="50dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintHorizontal_bias="0.497"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.516" />

<Button
    android:id="@+id/next2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@color/white"
    android:onClick="onclick3"
    android:text="next"
    android:textColor="@color/black"
    android:textSize="50dp"
    tools:ignore="MissingConstraints"
    tools:layout_editor_absoluteX="117dp"
    tools:layout_editor_absoluteY="629dp" />

<Button
    android:id="@+id/previous1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@color/black"
    android:onClick="onclick2"
    android:text="previous"
    android:textSize="50dp"
    tools:ignore="MissingConstraints"
    tools:layout_editor_absoluteX="54dp"
    tools:layout_editor_absoluteY="239dp" />

</androidx.constraintlayout.widget.ConstraintLayout>

#2

هل يمكنك تجربة تغيير لون الخلفية عن الابيض والتحقق

1 Like
#4

تغير لونه لكن لم يتغير موقعه.

image
image.png1920×1080 212 KB

#5

هل قمت بالتعديل على الزر الخاص ب next او previous
تأكد اذا كان تطابق لون الخلفية هو السبب في عدم ظهور الزر او من اي خيارات اخرى يمكن ان تجعل الزر يكون خلف عنصر اخر مثلا

#6

كتبت كود activity جديد لكن لم يتغير:

image
image.png1920×1080 268 KB

<?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”
tools:context=".white">

<TextView
    android:id="@+id/text3"
    android:layout_width="218dp"
    android:layout_height="65dp"
    android:text="WHITE"
    android:textColor="@color/black"
    android:textSize="50dp"
    tools:layout_editor_absoluteX="24dp"
    tools:layout_editor_absoluteY="173dp"
    tools:ignore="MissingConstraints" />

<TextView
    android:id="@+id/text4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="#FFFFFF"
    android:textColor="@color/black"
    android:textSize="50dp"
    tools:layout_editor_absoluteX="170dp"
    tools:layout_editor_absoluteY="328dp"
    tools:ignore="MissingConstraints" />

<Button
    android:id="@+id/next2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="next"
    tools:layout_editor_absoluteX="301dp"
    tools:layout_editor_absoluteY="542dp"
    tools:ignore="MissingConstraints" />

<Button
    android:id="@+id/previous1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="previous"
    tools:layout_editor_absoluteX="51dp"
    tools:layout_editor_absoluteY="507dp"
    tools:ignore="MissingConstraints" />

</androidx.constraintlayout.widget.ConstraintLayout>

#7

كلها تأتي في الجانب الأيسر الأعلى

#8

يبدو انك لم تحدد constraints لتنظيم طريقة عرض العناصر فهل يمكنك اعادة التحقق

#9

كيف أحدد constraints ؟

#10
<?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:id="@+id/relativeLayout"
android:layout_width=“match_parent”
android:layout_height=“match_parent”
tools:context=".white">

<TextView
    android:id="@+id/text3"
    android:layout_width="218dp"
    android:layout_height="65dp"
    android:text="WHITE"
    android:textColor="@color/black"
    android:textSize="50dp"
    tools:ignore="MissingConstraints"
    tools:layout_editor_absoluteX="96dp"
    tools:layout_editor_absoluteY="160dp" />

<TextView
    android:id="@+id/text4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="#FFFFFF"
    android:textColor="@color/black"
    android:textSize="50dp"
    tools:ignore="MissingConstraints"
    tools:layout_editor_absoluteX="108dp"
    tools:layout_editor_absoluteY="313dp" />

<Button
    android:id="@+id/next2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="next"
    tools:ignore="MissingConstraints"
    tools:layout_editor_absoluteX="161dp"
    tools:layout_editor_absoluteY="583dp" />

<Button
    android:id="@+id/previous1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="previous"
    tools:ignore="MissingConstraints"
    tools:layout_editor_absoluteX="152dp"
    tools:layout_editor_absoluteY="485dp" />

</androidx.constraintlayout.widget.ConstraintLayout>

#11

ماهو الخطأ الذي ارتكبته؟

#12

كما فعلت ضمن الكود الذي وضعته اول مرة, او يمكنك استخدام relative layout كما تم شرحه ضمن الدروس