HarmonyOS 鸿蒙Next 星座查询-ArkTS

HarmonyOS 鸿蒙Next 星座查询-ArkTS

1. 按照常规步骤创建一个HelloWorld工程：

2. 改写Index.ets文件：

   [@Entry](/user/Entry)
   [@Component](/user/Component)
   struct Index {
     @State message: string = '输入数据即可查询'
     private name: string = ''
     private index: number = 0;
     private selectedDate: Date = new Date('2021-08-08')
     private infoarray: string[] = ['aquarius', 'pisces', 'aries', 'taurus', 'gemini',
       'cancer', 'leo', 'virgo', 'libra', 'scorpio', 'sagittarius', 'capricornus']
     private imgarray: Resource[] = [
       $r('app.media.aquarius'),
       $r('app.media.pisces'),
       $r('app.media.aries'),
       $r('app.media.taurus'),
       $r('app.media.gemini'),
       $r('app.media.cancer'),
       $r('app.media.leo'),
       $r('app.media.virgo'),
       $r('app.media.libra'),
       $r('app.media.scorpio'),
       $r('app.media.sagittarius'),
       $r('app.media.capricornus')
     ];
     private DayArr: number[] = [20, 19, 21, 20, 21, 22, 23, 23, 23, 24, 23, 22]; // 两个星座分割日
     private starInfo: string[] = [
       "水瓶座1月20日-2月18日 水瓶座天生反应快，有很强的自由力和创造力，以及重视理论、有优秀的推理力及创新的改革力。喜欢结交志同道合的朋友，富有友爱的精神；在个人方面，相当尊重个人自由以及强调平等，便富有独立精神。",
       "双鱼座2月19日-3月20日 双鱼座温和善良，有梦幻的心思和神秘性，有很好的慈悲心肠。但双鱼座的人却存在两种极端的个性，精神方面与肉体方面的共存，就爱与恨共存一样，在这种纠葛难解的感情相互交错下，心绪也就变得复杂难懂。",
       "白羊座 3月21日-4月19日 自我意识和主观意识很强，充满自信而且固执；不会等待机会从天而降，而会积极的争取或制造，无畏艰难和困苦。虽然有时会显得冲动，但基本上还是会保持理智和果决，是个适合面对竞争压力、热情且永远天真未泯的人。",
       "金牛座 4月20日-5月20日 喜欢凭感觉去接触事物，只要自己认可，不管别人怎么说明争论，一概不接受。虽然看起来很悠闲的样子，其实心中充满激情与战斗力。不过天性温和，喜欢以自然律动为基础的慢拍子，做任何事都会经过深思熟虑。",
       "双子座 5月21日-6月21日 对任何事性的要求及理想都很高，当决定目标后绝不退缩，就算无法立刻达到目的，也不会轻易放弃。这使双子座的人在一生中不可能只走一条路，不论是工作、爱情、知识等，都会产生双头进行的迷惘及困扰。",
       "巨蟹座 6月22日-7月22日 很重视家庭观念，具有十分细腻而柔和的情绪，在沉默中能传达深刻的思想，对于言语表达上，可以传递沉默时代表的意思。但大体来说是温柔、善良，不喜欢与人起争执，很善于照顾家人，但也容易受别人影响。",
       "狮子座 7月23日-8月22日 拥有强烈的权威感及优越感，表现独裁又自大，非常重视“名誉与人缘”，有强烈领导的欲望，拥有名誉就是人生最大的胜利，而人缘更是心灵的安定剂，可以让自己保持充沛的动力。",
       "处女座 8月23日-9月22日 处女座的洞察力很强，是个崇尚高度理想的完美主义者，虽然不具备风相是星座般拥有才智与理性的特质，但谈到实务能力，绝对比其它星座来的强。讨厌虚伪与不正当的事是处女座基本的性格，带点纯真和有点洁癖。",
       "天秤座9月23日-10月23日 爱好美与和谐是天秤座的个性，心中渴望知道某种事情，具有理想主义与现实主义的相矛盾思想。如果天秤座的人能将这种平衡感当作是自己的生活方式，一定可以找到幸福的泉源。",
       "天蝎座10月24日-11月22 日天蝎座神秘的内在世界常让人无法理解，却具有可以探知人心深处的超感应力量。坚韧的意志力是最强大的武器，一旦拥有目标就不畏艰难去实行，直到达成自己预定的目标为止，旺盛的战斗力非一般星座所及。",
       "射手座11月23日-12月21日 射手座的人非常崇尚自由与追求速度的感觉，具有宽大的精神、丰富的知识、阳刚的气质，喜欢以自己的想法发挥服务精神，对人生抱持着热情开朗，也是个自由派的乐观主义者。",
       "摩羯座12月22日-1月19日 不善于拒绝别人的摩羯座，它的人生观主要是以志向远大为其特征，这与白羊座凡事争第一英雄主义不同，而是在自己的能力范围内，尽最大的努力，不管过程多么艰险荆棘，都会不屈不挠地获得最后的胜利。"
     ]
   
     build() {
       Row() {
         Column() {
           Text('输入你的姓名：')
             .fontColor('#009900')
             .fontSize(30)
             .fontWeight(FontWeight.Bold)
           TextInput({ placeholder: '姓名' })
             .maxLength(15)
             .width("75%")
             .fontSize(30)
             .onChange((value: string) => {
               this.name = value;
             })
           Text("选择你的生日：")
             .fontColor('#009900')
             .fontSize(30)
             .fontWeight(FontWeight.Bold)
           DatePicker({
             start: new Date('1970-1-1'),
             end: new Date('2100-1-1'),
             selected: this.selectedDate,
           })
             .lunar(false)//true为农历
             .onChange((value: DatePickerResult) => {
               this.selectedDate.setFullYear(value.year, value.month, value.day)
               // 所查询日期在分割日之前，索引减一，否则不变
               this.index = value.month
               if (value.day < this.DayArr[value.month]) { //根据月日获取响应的星座索引（0～11：水瓶座～摩羯座）
                 this.index = this.index - 1;
                 if (this.index < 0) {
                   this.index = 11;
                 }
               }
             })
             .height('200vp')
           Button(('查询'), { type: ButtonType.Capsule })
             .fontSize('30fp')
             .onClick(() => {
               this.message = this.name + "，你的星座信息如下：\r\n" + this.infoarray[this.index] + this.starInfo[this.index]; // 设定星座信息控件
             })
             .width('100%')
           Image(this.imgarray[this.index])
             .width(160)
             .height(160)
           Text(this.message)
             .fontSize(20)
             .fontWeight(FontWeight.Bold)
             .height('200vp')
             .margin({left:'5vp',right:'5vp'})
         }
         .width('100%').height('100%')
       }
       .height('100%')
     }
   }
   

3. 运行结果：