חידון אמת או שקר
שני מסכים, מסר אחד

איך צוברים נקודות

נושא החידון והשאלות הם בחירה שלכם: כדורגל, מוזיקה, משחקי מחשב, היסטוריה, סדרות. המדריך כתוב עם שאלה לדוגמה, החליפו אותה בשאלה שלכם.

חזרה: בונים את מסך השאלה

1. צרו פרויקט חדש עם שם משמעותי - למשל TrueFalseQuiz. השם באנגלית בלבד, בלי רווחים ובלי תווים מיוחדים. תבנית Empty Views Activity, שפה Java, ‏Minimum SDK ‏API 26, ‏Build configuration language ‏Groovy DSL.
2. חובה, לפני שמוסיפים רכיב כלשהו: פתחו את activity_main.xml במצב Code, מחקו את כל התוכן שלו והדביקו במקומו את שלד ה-LinearLayout שמופיע מתחת לרשימה.
3. בתוך השלד הוסיפו TextView עם id בשם tvQuestion: משפט על הנושא שלכם שאפשר לענות עליו "אמת" או "שקר", גודל טקסט 24sp, רוחב match_parent, והטקסט ממורכז.
4. מתחתיו הוסיפו שורה אופקית (LinearLayout עם horizontal) ובתוכה שני כפתורים: btnTrue עם הטקסט "אמת" ו-btnFalse עם הטקסט "שקר". כל כפתור תופס חצי מרוחב השורה.
5. לחיצה על כל כפתור מציגה Toast: "בחרת אמת" או "בחרת שקר".
6. ב-colors.xml הוסיפו צבע בשם screen_bg והגדירו אותו כרקע המסך.
7. הריצו ובדקו.

השלד שמדביקים ב-activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="16dp">

    <!-- את הרכיבים שלכם מוסיפים כאן, בין שתי התגיות -->

</LinearLayout>

השלד זהה לזה של המדריך הקודם, עם שורה אחת חדשה: android:gravity="center" על הקופסה הראשית. היא ממרכזת את כל התוכן באמצע המסך.

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="24dp"
    android:orientation="horizontal">

    <Button
        android:id="@+id/btnTrue"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:layout_marginEnd="8dp"
        android:text="אמת" />

    <Button
        android:id="@+id/btnFalse"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="שקר" />

</LinearLayout>

Button btnTrue = findViewById(R.id.btnTrue);
btnTrue.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Toast.makeText(MainActivity.this, "בחרת אמת", Toast.LENGTH_SHORT).show();
    }
});

<color name="screen_bg">#FFF8EE</color>

android:background="@color/screen_bg"

הסבר: Activity ו-Intent

כל האפליקציות שבניתם עד עכשיו היו מסך אחד. אפליקציות אמיתיות בנויות מהרבה מסכים: מסך כניסה, מסך ראשי, מסך הגדרות. היום האפליקציה שלכם מקבלת מסך שני.

Activity: מסך אחד

Activity הוא מסך אחד באפליקציה. כל Activity בנוי משני קבצים שעובדים יחד: קובץ XML שקובע איך המסך נראה, וקובץ Java שקובע מה המסך עושה. את הזוג הראשון אתם כבר מכירים: activity_main.xml ו-MainActivity.java. דימוי: חדר בבית. לכל חדר יש רהיטים משלו (ה-XML) וחוקים משלו (ה-Java).

Intent: בקשה לעבור מסך

מסך לא יכול "לקפוץ" למסך אחר בעצמו. הוא כותב בקשה ומוסר אותה למערכת אנדרואיד, והמערכת פותחת את המסך המבוקש. לבקשה הזו קוראים Intent. בבקשה כתובים שני דברים: מי מבקש, ולאן רוצים להגיע.

Extra: מידע שנוסע עם הבקשה

מסך התוצאה צריך לדעת אם צדקתם. המידע הזה נמצא במסך השאלה, ולכן צריך לשלוח אותו. מצמידים ל-Intent "פתק" שנקרא extra. לכל פתק יש שם (מפתח) ותוכן (ערך). המסך השולח כותב את הפתק עם putExtra, והמסך המקבל קורא אותו לפי אותו שם בדיוק.

בונים צעד-צעד

אחרי כל תיבה כחולה של "הריצו ובדקו" מריצים ובודקים. לא ממשיכים הלאה עם שגיאה.

<activity
    android:name=".ResultActivity"
    android:exported="false" />

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/screen_bg"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="16dp">

    <TextView
        android:id="@+id/tvResult"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="כאן תופיע התוצאה"
        android:textSize="36sp" />

    <Button
        android:id="@+id/btnBack"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="24dp"
        android:text="חזרה לשאלה" />

</LinearLayout>

Button btnTrue = findViewById(R.id.btnTrue);
btnTrue.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Intent intent = new Intent(MainActivity.this, ResultActivity.class);
        startActivity(intent);
    }
});

    boolean correctAnswer = false;

btnTrue.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        boolean userAnswer = true;

        boolean isCorrect;
        if (userAnswer == correctAnswer) {
            isCorrect = true;
        } else {
            isCorrect = false;
        }

        Intent intent = new Intent(MainActivity.this, ResultActivity.class);
        intent.putExtra("isCorrect", isCorrect);
        startActivity(intent);
    }
});

Button btnFalse = findViewById(R.id.btnFalse);
btnFalse.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        boolean userAnswer = false;

        boolean isCorrect;
        if (userAnswer == correctAnswer) {
            isCorrect = true;
        } else {
            isCorrect = false;
        }

        Intent intent = new Intent(MainActivity.this, ResultActivity.class);
        intent.putExtra("isCorrect", isCorrect);
        startActivity(intent);
    }
});

        TextView tvResult = findViewById(R.id.tvResult);

        boolean isCorrect = getIntent().getBooleanExtra("isCorrect", false);

        if (isCorrect) {
            tvResult.setText("צדקת!");
        } else {
            tvResult.setText("טעית...");
        }

        Button btnBack = findViewById(R.id.btnBack);
        btnBack.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
            }
        });

נקודת בדיקה

קראו למורה. תתבקשו להסביר בעל-פה את שלושת הדברים הבאים. הכינו את התשובות לפני כן, ונסו כל דבר באפליקציה שלכם.

הרחבות

כאן אין צעד-צעד. יש דרישה, הגדרת הצלחה ורמז. כל מה שצריך כבר מופיע במדריך הזה או במדריכים הקודמים.

מסלול מתקדם

פתוח לכל מי שסיים את הפרויקט ואת נקודת הבדיקה. כאן אין צעדים ואין רמזים. יש יעד וקישור לתיעוד הרשמי, ואתם לומדים לבד. על כל משימה תצטרכו להסביר למורה מה עשיתם ולמה זה עובד.

הניקוד שלי

סמנו מה שהמורה אישר. הסימון נשמר בדפדפן שלכם בלבד.