『牛角书』鸿蒙小游戏之石头剪刀布

一、游戏逻辑

通过页面下方按钮与游戏中的人物pk，赢了加一分，输了减一分，平局不加分也不减分。

二、游戏效果

如图所示，选择石头后游戏中人物出布，因此我的得分为-1。

三、主要代码

3.1 代码目录

3.1 页面布局

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">

    <Image
        ohos:height="200vp"
        ohos:width="200vp"
        ohos:scale_mode="zoom_center"
        ohos:layout_alignment="center"
        ohos:image_src="$media:enemy"
        ></Image>

    <Image
        ohos:top_margin="30vp"
        ohos:height="200vp"
        ohos:id="$+id:enemy"
        ohos:width="200vp"
        ohos:scale_mode="zoom_center"
        ohos:layout_alignment="center"
        ohos:image_src="$media:paper"
        ></Image>

    <DependentLayout
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:margin="20vp"
        ohos:layout_alignment="center"
        >

        <Button
            ohos:id="$+id:paper"
            ohos:height="40vp"
            ohos:width="80vp"
            ohos:text="布"
            ohos:margin="10vp"
            ohos:text_size="27fp"
            ohos:background_element="$graphic:capsule_button_element"
            ></Button>
        <Button
            ohos:id="$+id:scissors"
            ohos:right_of="$id:paper"
            ohos:height="40vp"
            ohos:width="80vp"
            ohos:background_element="$graphic:capsule_button_element"
            ohos:text="剪刀"
            ohos:text_size="27fp"
            ohos:margin="10vp"
            ></Button>
        <Button

            ohos:id="$+id:rock"
            ohos:right_of="$id:scissors"
            ohos:margin="10vp"
            ohos:height="40vp"
            ohos:width="80vp"
            ohos:text="石头"
            ohos:text_size="27fp"
            ohos:background_element="$graphic:capsule_button_element"
            ></Button>
        
    </DependentLayout>

    <DependentLayout
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:left_margin="145vp">

        <Text
            ohos:id="$+id:pp"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:text_size="27fp"
            ohos:text="得分:"></Text>

        <Text
            ohos:id="$+id:defen"
            ohos:right_of="$id:pp"
            ohos:height="match_content"
            ohos:width="match_parent"
            ohos:text_size="27fp"
            ohos:text="0"></Text>
    </DependentLayout>
    
</DirectionalLayout>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
       ohos:shape="rectangle">
    <corners
        ohos:radius="100"/>
    <solid
        ohos:color="#007CFD"/>
</shape>

3.2 通过MainAbility配置此应用唯一一个slice并编写slice

package com.example.caiquan.slice;

import com.example.caiquan.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Button;
import ohos.agp.components.Component;
import ohos.agp.components.Image;
import ohos.agp.components.Text;
import java.util.Random;

public class MainAbilitySlice extends AbilitySlice {
    static Button paper;
    static Button rock;
    static Button scissors;
    static Text defen;
    static Image enemy;
    static Integer core=0;
    Random random=new Random();

    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        //给slice 配置xml布局
        super.setUIContent(ResourceTable.Layout_mainslice);
        initView();

    }

    public void initView() {
        //通过id搞到相关应用
        paper= (Button) findComponentById(ResourceTable.Id_paper);
        rock= (Button) findComponentById(ResourceTable.Id_rock);
        scissors= (Button) findComponentById(ResourceTable.Id_scissors);
        defen= (Text) findComponentById(ResourceTable.Id_defen);
        enemy= (Image) findComponentById(ResourceTable.Id_enemy);
        //给石头剪刀布三个按钮绑定单击事件
        paper.setClickedListener(this::chuli);
        rock.setClickedListener(this::chuli);
        scissors.setClickedListener(this::chuli);

    }
    //根据component的不同做出不同处理
    private void chuli(Component component) {
        int way;
        String name=component.getName();
        if(name.equals("Id_rock"))
            way=0;
        else if(name.equals("Id_scissors"))
            way=1;
        else
            way=2;
        System.out.println(name+":"+way);
        int enemyway=random.nextInt(3);
        //0石头 1 剪刀 2 布
        System.out.println(enemyway);
        if(enemyway==0)
            enemy.setPixelMap(ResourceTable.Media_rock);
        else if(enemyway==1)
            enemy.setPixelMap(ResourceTable.Media_scissors);
        else
            enemy.setPixelMap(ResourceTable.Media_paper);

        if(way==0)
        {
            if(enemyway==1)
                core++;
            else if(enemyway==2)
                core--;
        }
        else if(way==1)
        {
            if(enemyway==2)
                core++;
            else if(enemyway==0)
                core--;
        }
        else
        {
            if(enemyway==0)
                core++;
            else if(enemyway==1)
                core--;
        }
        defen.setText(core.toString());



    }
    @Override
    public void onActive() {
        super.onActive();
    }

    @Override
    public void onForeground(Intent intent) {
        super.onForeground(intent);
    }
}

四、总结

在此次鸿蒙应用开发学习中我明白自身还有许多不足，该项目也存在一些问题，欢迎大家帮忙指正。