HarmonyOS 实战——资源的基础封装(一)

前言

  • 关于环境安装大家可以看官网:https://developer.huawei.com/consumer/cn/arkui/。
    官网有课程也有相关demo
  • 官网文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V2/arkui-overview-0000001532577181-V2
  • 既然是资源的基础封装,我会新建一个module进行封装

新建module

新建项目->选择项目->New Module->static library->其他默认即可(名字自己定)

image.png

image.png

主项目entry根目录下的oh-package.json5中引入library,oh-package.json5的dependencies还可以依赖其他第三方库,后面介绍

{
  "dependencies": {
    "@ohpm/basicUI": "file:../basicui",
    "@ohpm/library": "file:../library"
  }
}

验证是否引入成功

basicui的resource下的base->element中new Element Resource File

image.png

Root Element中选择color

image.png

代码中新建blank黑色

{
  "name": "black",
  "value": "#000000"
},

回到entry module找到MainPages.ets在build中新建一个Text控件设置字体颜色为黑色

build() {
  Column() {
    Text('测试引入是否成功').fontColor($r("app.color.black"))
  }
}

通用资源封装

首先我们经常使用到的是像素,像Android中的dp,那么我们也可以进行封装,resource->base->element新建一个float.json

像素封装
  • fp相当于Android中的sp用于设置字体
  • vp相当于Android中的dp用于设置像素
{
  "float": [
    {
      "name": "vp_0_5",
      "value": "0.5vp"
    },
    {
      "name": "vp_1",
      "value": "1vp"
    },
    {
      "name": "vp_2",
      "value": "2vp"
    },
    {
      "name": "vp_3",
      "value": "3vp"
    },
    {
      "name": "vp_4",
      "value": "4vp"
    },
    {
      "name": "vp_5",
      "value": "5vp"
    },
    {
      "name": "vp_6",
      "value": "6vp"
    },
    {
      "name": "vp_7",
      "value": "7vp"
    },
    {
      "name": "vp_8",
      "value": "8vp"
    },
    {
      "name": "vp_9",
      "value": "9vp"
    },
    {
      "name": "vp_10",
      "value": "10vp"
    },
    {
      "name": "vp_11",
      "value": "11vp"
    },
    {
      "name": "vp_12",
      "value": "12vp"
    },
    {
      "name": "vp_13",
      "value": "13vp"
    },
    {
      "name": "vp_14",
      "value": "14vp"
    },
    {
      "name": "vp_15",
      "value": "15vp"
    },
    {
      "name": "vp_16",
      "value": "16vp"
    },
    {
      "name": "vp_17",
      "value": "17vp"
    },
    {
      "name": "vp_18",
      "value": "18vp"
    },
    {
      "name": "vp_19",
      "value": "19vp"
    },
    {
      "name": "vp_20",
      "value": "20vp"
    },
    {
      "name": "vp_21",
      "value": "21vp"
    },
    {
      "name": "vp_22",
      "value": "22vp"
    },
    {
      "name": "vp_23",
      "value": "23vp"
    },
    {
      "name": "vp_24",
      "value": "24vp"
    },
    {
      "name": "vp_25",
      "value": "25vp"
    },
    {
      "name": "vp_26",
      "value": "26vp"
    },
    {
      "name": "vp_27",
      "value": "27vp"
    },
    {
      "name": "vp_28",
      "value": "28vp"
    },
    {
      "name": "vp_29",
      "value": "29vp"
    },
    {
      "name": "vp_30",
      "value": "30vp"
    },
    {
      "name": "vp_31",
      "value": "31vp"
    },
    {
      "name": "vp_32",
      "value": "32vp"
    },
    {
      "name": "vp_33",
      "value": "33vp"
    },
    {
      "name": "vp_34",
      "value": "34vp"
    },
    {
      "name": "vp_35",
      "value": "35vp"
    },
    {
      "name": "vp_36",
      "value": "36vp"
    },
    {
      "name": "vp_37",
      "value": "37vp"
    },
    {
      "name": "vp_38",
      "value": "38vp"
    },
    {
      "name": "vp_39",
      "value": "39vp"
    },
    {
      "name": "vp_40",
      "value": "40vp"
    },
    {
      "name": "vp_41",
      "value": "41vp"
    },
    {
      "name": "vp_42",
      "value": "42vp"
    },
    {
      "name": "vp_43",
      "value": "43vp"
    },
    {
      "name": "vp_44",
      "value": "44vp"
    },
    {
      "name": "vp_45",
      "value": "45vp"
    },
    {
      "name": "vp_46",
      "value": "46vp"
    },
    {
      "name": "vp_47",
      "value": "47vp"
    },
    {
      "name": "vp_48",
      "value": "48vp"
    },
    {
      "name": "vp_49",
      "value": "49vp"
    },
    {
      "name": "vp_50",
      "value": "50vp"
    },
    {
      "name": "vp_51",
      "value": "51vp"
    },
    {
      "name": "vp_52",
      "value": "52vp"
    },
    {
      "name": "vp_53",
      "value": "53vp"
    },
    {
      "name": "vp_54",
      "value": "54vp"
    },
    {
      "name": "vp_55",
      "value": "55vp"
    },
    {
      "name": "vp_56",
      "value": "56vp"
    },
    {
      "name": "vp_57",
      "value": "57vp"
    },
    {
      "name": "vp_58",
      "value": "58vp"
    },
    {
      "name": "vp_59",
      "value": "59vp"
    },
    {
      "name": "vp_60",
      "value": "60vp"
    },
    {
      "name": "vp_61",
      "value": "61vp"
    },
    {
      "name": "vp_62",
      "value": "62vp"
    },
    {
      "name": "vp_63",
      "value": "63vp"
    },
    {
      "name": "vp_64",
      "value": "64vp"
    },
    {
      "name": "vp_65",
      "value": "65vp"
    },
    {
      "name": "vp_66",
      "value": "66vp"
    },
    {
      "name": "vp_67",
      "value": "67vp"
    },
    {
      "name": "vp_68",
      "value": "68vp"
    },
    {
      "name": "vp_69",
      "value": "69vp"
    },
    {
      "name": "vp_70",
      "value": "70vp"
    },
    {
      "name": "vp_71",
      "value": "71vp"
    },
    {
      "name": "vp_72",
      "value": "72vp"
    },
    {
      "name": "vp_73",
      "value": "73vp"
    },
    {
      "name": "vp_74",
      "value": "74vp"
    },
    {
      "name": "vp_75",
      "value": "75vp"
    },
    {
      "name": "vp_76",
      "value": "76vp"
    },
    {
      "name": "vp_77",
      "value": "77vp"
    },
    {
      "name": "vp_78",
      "value": "78vp"
    },
    {
      "name": "vp_79",
      "value": "79vp"
    },
    {
      "name": "vp_80",
      "value": "80vp"
    },
    {
      "name": "vp_81",
      "value": "81vp"
    },
    {
      "name": "vp_82",
      "value": "82vp"
    },
    {
      "name": "vp_83",
      "value": "83vp"
    },
    {
      "name": "vp_84",
      "value": "84vp"
    },
    {
      "name": "vp_85",
      "value": "85vp"
    },
    {
      "name": "vp_86",
      "value": "86vp"
    },
    {
      "name": "vp_87",
      "value": "87vp"
    },
    {
      "name": "vp_88",
      "value": "88vp"
    },
    {
      "name": "vp_89",
      "value": "89vp"
    },
    {
      "name": "vp_90",
      "value": "90vp"
    },
    {
      "name": "vp_91",
      "value": "91vp"
    },
    {
      "name": "vp_92",
      "value": "92vp"
    },
    {
      "name": "vp_93",
      "value": "93vp"
    },
    {
      "name": "vp_94",
      "value": "94vp"
    },
    {
      "name": "vp_95",
      "value": "95vp"
    },
    {
      "name": "vp_96",
      "value": "96vp"
    },
    {
      "name": "vp_97",
      "value": "97vp"
    },
    {
      "name": "vp_98",
      "value": "98vp"
    },
    {
      "name": "vp_99",
      "value": "99vp"
    },
    {
      "name": "vp_100",
      "value": "100vp"
    },
    {
      "name": "vp_101",
      "value": "101vp"
    },
    {
      "name": "vp_102",
      "value": "102vp"
    },
    {
      "name": "vp_103",
      "value": "103vp"
    },
    {
      "name": "vp_104",
      "value": "104vp"
    },
    {
      "name": "vp_105",
      "value": "105vp"
    },
    {
      "name": "vp_106",
      "value": "106vp"
    },
    {
      "name": "vp_107",
      "value": "107vp"
    },
    {
      "name": "vp_108",
      "value": "108vp"
    },
    {
      "name": "vp_109",
      "value": "109vp"
    },
    {
      "name": "vp_110",
      "value": "110vp"
    },
    {
      "name": "vp_111",
      "value": "111vp"
    },
    {
      "name": "vp_112",
      "value": "112vp"
    },
    {
      "name": "vp_113",
      "value": "113vp"
    },
    {
      "name": "vp_114",
      "value": "114vp"
    },
    {
      "name": "vp_115",
      "value": "115vp"
    },
    {
      "name": "vp_116",
      "value": "116vp"
    },
    {
      "name": "vp_117",
      "value": "117vp"
    },
    {
      "name": "vp_118",
      "value": "118vp"
    },
    {
      "name": "vp_119",
      "value": "119vp"
    },
    {
      "name": "vp_120",
      "value": "120vp"
    },
    {
      "name": "vp_121",
      "value": "121vp"
    },
    {
      "name": "vp_122",
      "value": "122vp"
    },
    {
      "name": "vp_123",
      "value": "123vp"
    },
    {
      "name": "vp_124",
      "value": "124vp"
    },
    {
      "name": "vp_125",
      "value": "125vp"
    },
    {
      "name": "vp_126",
      "value": "126vp"
    },
    {
      "name": "vp_127",
      "value": "127vp"
    },
    {
      "name": "vp_128",
      "value": "128vp"
    },
    {
      "name": "vp_129",
      "value": "129vp"
    },
    {
      "name": "vp_130",
      "value": "130vp"
    },
    {
      "name": "vp_131",
      "value": "131vp"
    },
    {
      "name": "vp_132",
      "value": "132vp"
    },
    {
      "name": "vp_133",
      "value": "133vp"
    },
    {
      "name": "vp_134",
      "value": "134vp"
    },
    {
      "name": "vp_135",
      "value": "135vp"
    },
    {
      "name": "vp_136",
      "value": "136vp"
    },
    {
      "name": "vp_137",
      "value": "137vp"
    },
    {
      "name": "vp_138",
      "value": "138vp"
    },
    {
      "name": "vp_139",
      "value": "139vp"
    },
    {
      "name": "vp_140",
      "value": "140vp"
    },
    {
      "name": "vp_141",
      "value": "141vp"
    },
    {
      "name": "vp_142",
      "value": "142vp"
    },
    {
      "name": "vp_143",
      "value": "143vp"
    },
    {
      "name": "vp_144",
      "value": "144vp"
    },
    {
      "name": "vp_145",
      "value": "145vp"
    },
    {
      "name": "vp_146",
      "value": "146vp"
    },
    {
      "name": "vp_147",
      "value": "147vp"
    },
    {
      "name": "vp_148",
      "value": "148vp"
    },
    {
      "name": "vp_149",
      "value": "149vp"
    },
    {
      "name": "vp_150",
      "value": "150vp"
    },
    {
      "name": "vp_151",
      "value": "151vp"
    },
    {
      "name": "vp_152",
      "value": "152vp"
    },
    {
      "name": "vp_153",
      "value": "153vp"
    },
    {
      "name": "vp_154",
      "value": "154vp"
    },
    {
      "name": "vp_155",
      "value": "155vp"
    },
    {
      "name": "vp_156",
      "value": "156vp"
    },
    {
      "name": "vp_157",
      "value": "157vp"
    },
    {
      "name": "vp_158",
      "value": "158vp"
    },
    {
      "name": "vp_159",
      "value": "159vp"
    },
    {
      "name": "vp_160",
      "value": "160vp"
    },
    {
      "name": "vp_161",
      "value": "161vp"
    },
    {
      "name": "vp_162",
      "value": "162vp"
    },
    {
      "name": "vp_163",
      "value": "163vp"
    },
    {
      "name": "vp_164",
      "value": "164vp"
    },
    {
      "name": "vp_165",
      "value": "165vp"
    },
    {
      "name": "vp_166",
      "value": "166vp"
    },
    {
      "name": "vp_167",
      "value": "167vp"
    },
    {
      "name": "vp_168",
      "value": "168vp"
    },
    {
      "name": "vp_169",
      "value": "169vp"
    },
    {
      "name": "vp_170",
      "value": "170vp"
    },
    {
      "name": "vp_171",
      "value": "171vp"
    },
    {
      "name": "vp_172",
      "value": "172vp"
    },
    {
      "name": "vp_173",
      "value": "173vp"
    },
    {
      "name": "vp_174",
      "value": "174vp"
    },
    {
      "name": "vp_175",
      "value": "175vp"
    },
    {
      "name": "vp_176",
      "value": "176vp"
    },
    {
      "name": "vp_177",
      "value": "177vp"
    },
    {
      "name": "vp_178",
      "value": "178vp"
    },
    {
      "name": "vp_179",
      "value": "179vp"
    },
    {
      "name": "vp_180",
      "value": "180vp"
    },
    {
      "name": "vp_181",
      "value": "181vp"
    },
    {
      "name": "vp_182",
      "value": "182vp"
    },
    {
      "name": "vp_183",
      "value": "183vp"
    },
    {
      "name": "vp_184",
      "value": "184vp"
    },
    {
      "name": "vp_185",
      "value": "185vp"
    },
    {
      "name": "vp_186",
      "value": "186vp"
    },
    {
      "name": "vp_187",
      "value": "187vp"
    },
    {
      "name": "vp_188",
      "value": "188vp"
    },
    {
      "name": "vp_189",
      "value": "189vp"
    },
    {
      "name": "vp_190",
      "value": "190vp"
    },
    {
      "name": "vp_191",
      "value": "191vp"
    },
    {
      "name": "vp_192",
      "value": "192vp"
    },
    {
      "name": "vp_193",
      "value": "193vp"
    },
    {
      "name": "vp_194",
      "value": "194vp"
    },
    {
      "name": "vp_195",
      "value": "195vp"
    },
    {
      "name": "vp_196",
      "value": "196vp"
    },
    {
      "name": "vp_197",
      "value": "197vp"
    },
    {
      "name": "vp_198",
      "value": "198vp"
    },
    {
      "name": "vp_199",
      "value": "199vp"
    },
    {
      "name": "vp_200",
      "value": "200vp"
    },
    {
      "name": "vp_201",
      "value": "201vp"
    },
    {
      "name": "vp_202",
      "value": "202vp"
    },
    {
      "name": "vp_203",
      "value": "203vp"
    },
    {
      "name": "vp_204",
      "value": "204vp"
    },
    {
      "name": "vp_205",
      "value": "205vp"
    },
    {
      "name": "vp_206",
      "value": "206vp"
    },
    {
      "name": "vp_207",
      "value": "207vp"
    },
    {
      "name": "vp_208",
      "value": "208vp"
    },
    {
      "name": "vp_209",
      "value": "209vp"
    },
    {
      "name": "vp_210",
      "value": "210vp"
    },
    {
      "name": "vp_211",
      "value": "211vp"
    },
    {
      "name": "vp_212",
      "value": "212vp"
    },
    {
      "name": "vp_213",
      "value": "213vp"
    },
    {
      "name": "vp_214",
      "value": "214vp"
    },
    {
      "name": "vp_215",
      "value": "215vp"
    },
    {
      "name": "vp_216",
      "value": "216vp"
    },
    {
      "name": "vp_217",
      "value": "217vp"
    },
    {
      "name": "vp_218",
      "value": "218vp"
    },
    {
      "name": "vp_219",
      "value": "219vp"
    },
    {
      "name": "vp_220",
      "value": "220vp"
    },
    {
      "name": "vp_221",
      "value": "221vp"
    },
    {
      "name": "vp_222",
      "value": "222vp"
    },
    {
      "name": "vp_223",
      "value": "223vp"
    },
    {
      "name": "vp_224",
      "value": "224vp"
    },
    {
      "name": "vp_225",
      "value": "225vp"
    },
    {
      "name": "vp_226",
      "value": "226vp"
    },
    {
      "name": "vp_227",
      "value": "227vp"
    },
    {
      "name": "vp_228",
      "value": "228vp"
    },
    {
      "name": "vp_229",
      "value": "229vp"
    },
    {
      "name": "vp_230",
      "value": "230vp"
    },
    {
      "name": "vp_231",
      "value": "231vp"
    },
    {
      "name": "vp_232",
      "value": "232vp"
    },
    {
      "name": "vp_233",
      "value": "233vp"
    },
    {
      "name": "vp_234",
      "value": "234vp"
    },
    {
      "name": "vp_235",
      "value": "235vp"
    },
    {
      "name": "vp_236",
      "value": "236vp"
    },
    {
      "name": "vp_237",
      "value": "237vp"
    },
    {
      "name": "vp_238",
      "value": "238vp"
    },
    {
      "name": "vp_239",
      "value": "239vp"
    },
    {
      "name": "vp_240",
      "value": "240vp"
    },
    {
      "name": "vp_241",
      "value": "241vp"
    },
    {
      "name": "vp_242",
      "value": "242vp"
    },
    {
      "name": "vp_243",
      "value": "243vp"
    },
    {
      "name": "vp_244",
      "value": "244vp"
    },
    {
      "name": "vp_245",
      "value": "245vp"
    },
    {
      "name": "vp_246",
      "value": "246vp"
    },
    {
      "name": "vp_247",
      "value": "247vp"
    },
    {
      "name": "vp_248",
      "value": "248vp"
    },
    {
      "name": "vp_249",
      "value": "249vp"
    },
    {
      "name": "vp_250",
      "value": "250vp"
    },
    {
      "name": "vp_251",
      "value": "251vp"
    },
    {
      "name": "vp_252",
      "value": "252vp"
    },
    {
      "name": "vp_253",
      "value": "253vp"
    },
    {
      "name": "vp_254",
      "value": "254vp"
    },
    {
      "name": "vp_255",
      "value": "255vp"
    },
    {
      "name": "vp_256",
      "value": "256vp"
    },
    {
      "name": "vp_257",
      "value": "257vp"
    },
    {
      "name": "vp_258",
      "value": "258vp"
    },
    {
      "name": "vp_259",
      "value": "259vp"
    },
    {
      "name": "vp_260",
      "value": "260vp"
    },
    {
      "name": "vp_261",
      "value": "261vp"
    },
    {
      "name": "vp_262",
      "value": "262vp"
    },
    {
      "name": "vp_263",
      "value": "263vp"
    },
    {
      "name": "vp_264",
      "value": "264vp"
    },
    {
      "name": "vp_265",
      "value": "265vp"
    },
    {
      "name": "vp_266",
      "value": "266vp"
    },
    {
      "name": "vp_267",
      "value": "267vp"
    },
    {
      "name": "vp_268",
      "value": "268vp"
    },
    {
      "name": "vp_269",
      "value": "269vp"
    },
    {
      "name": "vp_270",
      "value": "270vp"
    },
    {
      "name": "vp_271",
      "value": "271vp"
    },
    {
      "name": "vp_272",
      "value": "272vp"
    },
    {
      "name": "vp_273",
      "value": "273vp"
    },
    {
      "name": "vp_274",
      "value": "274vp"
    },
    {
      "name": "vp_275",
      "value": "275vp"
    },
    {
      "name": "vp_276",
      "value": "276vp"
    },
    {
      "name": "vp_277",
      "value": "277vp"
    },
    {
      "name": "vp_278",
      "value": "278vp"
    },
    {
      "name": "vp_279",
      "value": "279vp"
    },
    {
      "name": "vp_280",
      "value": "280vp"
    },
    {
      "name": "vp_281",
      "value": "281vp"
    },
    {
      "name": "vp_282",
      "value": "282vp"
    },
    {
      "name": "vp_283",
      "value": "283vp"
    },
    {
      "name": "vp_284",
      "value": "284vp"
    },
    {
      "name": "vp_285",
      "value": "285vp"
    },
    {
      "name": "vp_286",
      "value": "286vp"
    },
    {
      "name": "vp_287",
      "value": "287vp"
    },
    {
      "name": "vp_288",
      "value": "288vp"
    },
    {
      "name": "vp_289",
      "value": "289vp"
    },
    {
      "name": "vp_290",
      "value": "290vp"
    },
    {
      "name": "vp_291",
      "value": "291vp"
    },
    {
      "name": "vp_292",
      "value": "292vp"
    },
    {
      "name": "vp_293",
      "value": "293vp"
    },
    {
      "name": "vp_294",
      "value": "294vp"
    },
    {
      "name": "vp_295",
      "value": "295vp"
    },
    {
      "name": "vp_296",
      "value": "296vp"
    },
    {
      "name": "vp_297",
      "value": "297vp"
    },
    {
      "name": "vp_298",
      "value": "298vp"
    },
    {
      "name": "vp_299",
      "value": "299vp"
    },
    {
      "name": "vp_300",
      "value": "300vp"
    },
    {
      "name": "fp_10",
      "value": "10fp"
    },
    {
      "name": "fp_12",
      "value": "12fp"
    },
    {
      "name": "fp_14",
      "value": "14fp"
    },
    {
      "name": "fp_16",
      "value": "16fp"
    },
    {
      "name": "fp_18",
      "value": "18fp"
    },
    {
      "name": "fp_20",
      "value": "20fp"
    },
    {
      "name": "fp_22",
      "value": "22fp"
    },
    {
      "name": "fp_24",
      "value": "24fp"
    },
    {
      "name": "fp_28",
      "value": "28fp"
    }
  ]
}

使用也是非常简单

Image($r('app.media.icon'))
  .width($r('app.float.vp_78'))
百分比封装

我们在开发的时候,经常会用到百分比,比如宽度设置为屏幕宽度的50%,我们可以将这些百分比封装到一个类,名为PkPercentageConstants,

/**
 * author :Peakmain
 * createTime:2023/8/29
 * mail:2726449200@qq.com
 * describe:百分比0~100
 */
export class PkPercentageConstants{
  // 百分比
  static readonly MATCH_PARENT = "100%";
  static readonly PERCENTAGE_99 = "99%";
  static readonly PERCENTAGE_98 = "98%";
  static readonly PERCENTAGE_97 = "97%";
  static readonly PERCENTAGE_96 = "96%";
  static readonly PERCENTAGE_95 = "95%";
  static readonly PERCENTAGE_94 = "94%";
  static readonly PERCENTAGE_93 = "93%";
  static readonly PERCENTAGE_92 = "92%";
  static readonly PERCENTAGE_91 = "91%";
  static readonly PERCENTAGE_90 = "90%";
  static readonly PERCENTAGE_89 = "89%";
  static readonly PERCENTAGE_88 = "88%";
  static readonly PERCENTAGE_87 = "87%";
  static readonly PERCENTAGE_86 = "86%";
  static readonly PERCENTAGE_85 = "85%";
  static readonly PERCENTAGE_84 = "84%";
  static readonly PERCENTAGE_83 = "83%";
  static readonly PERCENTAGE_82 = "82%";
  static readonly PERCENTAGE_81 = "81%";
  static readonly PERCENTAGE_80 = "80%";
  static readonly PERCENTAGE_79 = "79%";
  static readonly PERCENTAGE_78 = "78%";
  static readonly PERCENTAGE_77 = "77%";
  static readonly PERCENTAGE_76 = "76%";
  static readonly PERCENTAGE_75 = "75%";
  static readonly PERCENTAGE_74 = "74%";
  static readonly PERCENTAGE_73 = "73%";
  static readonly PERCENTAGE_72 = "72%";
  static readonly PERCENTAGE_71 = "71%";
  static readonly PERCENTAGE_70 = "70%";
  static readonly PERCENTAGE_69 = "69%";
  static readonly PERCENTAGE_68 = "68%";
  static readonly PERCENTAGE_67 = "67%";
  static readonly PERCENTAGE_66 = "66%";
  static readonly PERCENTAGE_65 = "65%";
  static readonly PERCENTAGE_64 = "64%";
  static readonly PERCENTAGE_63 = "63%";
  static readonly PERCENTAGE_62 = "62%";
  static readonly PERCENTAGE_61 = "61%";
  static readonly PERCENTAGE_60 = "60%";
  static readonly PERCENTAGE_59 = "59%";
  static readonly PERCENTAGE_58 = "58%";
  static readonly PERCENTAGE_57 = "57%";
  static readonly PERCENTAGE_56 = "56%";
  static readonly PERCENTAGE_55 = "55%";
  static readonly PERCENTAGE_54 = "54%";
  static readonly PERCENTAGE_53 = "53%";
  static readonly PERCENTAGE_52 = "52%";
  static readonly PERCENTAGE_51 = "51%";
  static readonly PERCENTAGE_50 = "50%";
  static readonly PERCENTAGE_49 = "49%";
  static readonly PERCENTAGE_48 = "48%";
  static readonly PERCENTAGE_47 = "47%";
  static readonly PERCENTAGE_46 = "46%";
  static readonly PERCENTAGE_45 = "45%";
  static readonly PERCENTAGE_44 = "44%";
  static readonly PERCENTAGE_43 = "43%";
  static readonly PERCENTAGE_42 = "42%";
  static readonly PERCENTAGE_41 = "41%";
  static readonly PERCENTAGE_40 = "40%";
  static readonly PERCENTAGE_39 = "39%";
  static readonly PERCENTAGE_38 = "38%";
  static readonly PERCENTAGE_37 = "37%";
  static readonly PERCENTAGE_36 = "36%";
  static readonly PERCENTAGE_35 = "35%";
  static readonly PERCENTAGE_34 = "34%";
  static readonly PERCENTAGE_33 = "33%";
  static readonly PERCENTAGE_32 = "32%";
  static readonly PERCENTAGE_31 = "31%";
  static readonly PERCENTAGE_30 = "30%";
  static readonly PERCENTAGE_29 = "29%";
  static readonly PERCENTAGE_28 = "28%";
  static readonly PERCENTAGE_27 = "27%";
  static readonly PERCENTAGE_26 = "26%";
  static readonly PERCENTAGE_25 = "25%";
  static readonly PERCENTAGE_24 = "24%";
  static readonly PERCENTAGE_23 = "23%";
  static readonly PERCENTAGE_22 = "22%";
  static readonly PERCENTAGE_21 = "21%";
  static readonly PERCENTAGE_20 = "20%";
  static readonly PERCENTAGE_19 = "19%";
  static readonly PERCENTAGE_18 = "18%";
  static readonly PERCENTAGE_17 = "17%";
  static readonly PERCENTAGE_16 = "16%";
  static readonly PERCENTAGE_15 = "15%";
  static readonly PERCENTAGE_14 = "14%";
  static readonly PERCENTAGE_13 = "13%";
  static readonly PERCENTAGE_12 = "12%";
  static readonly PERCENTAGE_11 = "11%";
  static readonly PERCENTAGE_10 = "10%";
  static readonly PERCENTAGE_9 = "9%";
  static readonly PERCENTAGE_8 = "8%";
  static readonly PERCENTAGE_7 = "7%";
  static readonly PERCENTAGE_6 = "6%";
  static readonly PERCENTAGE_5 = "5%";
  static readonly PERCENTAGE_4 = "4%";
  static readonly PERCENTAGE_3 = "3%";
  static readonly PERCENTAGE_2 = "2%";
  static readonly PERCENTAGE_1 = "1%";
  static readonly PERCENTAGE_0 = "0%";

}
一些样式封装

我们在过去开发过程中,我们还会用到字体的style,如正常、加粗,还有就是透明度,我们定义一个类名为PkStyleConstants.ets

/**
 * author :Peakmain
 * createTime:2023/8/29
 * mail:2726449200@qq.com
 * describe:①、字体样式;②、透明度;
 */
export class PkStyleConstants {
  //字体Weight
  static readonly FONT_WEIGHT_700: number = 700;
  static readonly FONT_WEIGHT_500: number = 500;
  static readonly FONT_WEIGHT_400: number = 400;

  //透明度
  static readonly OPACITY_FULL: number = 1;
  static readonly OPACITY_9: number = 0.9;
  static readonly OPACITY_8: number = 0.8;
  static readonly OPACITY_7: number = 0.7;
  static readonly OPACITY_6: number = 0.6;
  static readonly OPACITY_5: number = 0.5;
  static readonly OPACITY_4: number = 0.4;
  static readonly OPACITY_3: number = 0.3;
  static readonly OPACITY_2: number = 0.2;
  static readonly OPACITY_1: number = 0.1;
  static readonly OPACITY_NONE: number = 0;
}
日志工具类
/*
 * Copyright (c) 2023 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import hilog from '@ohos.hilog';

export class PkLogger {
  private domain: number;
  private prefix: string;
  private format: string = '%{public}s, %{public}s';

  /**
   * constructor.
   *
   * @param Prefix Identifies the log tag.
   * @param domain Domain Indicates the service domain, which is a hexadecimal integer ranging from 0x0 to 0xFFFFF.
   */
  constructor(prefix: string = 'BasicUI', domain: number = 0xFF00) {
    this.prefix = prefix;
    this.domain = domain;
  }

  debug(...args: any[]): void {
    hilog.debug(this.domain, this.prefix, this.format, args);
  }

  info(...args: any[]): void {
    hilog.info(this.domain, this.prefix, this.format, args);
  }

  warn(...args: any[]): void {
    hilog.warn(this.domain, this.prefix, this.format, args);
  }

  error(...args: any[]): void {
    hilog.error(this.domain, this.prefix, this.format, args);
  }

  fatal(...args: any[]) {
    hilog.fatal(this.domain, this.prefix, this.format, args);
  }

  isLoggable(level: number) {
    hilog.isLoggable(this.domain, this.prefix, level);
  }
}

export default new PkLogger('BasicUI', 0xFF00);

关于export

因为我们是在新建了的module里面进行资源封装,但是对于其他module来说,他们即使依赖了该module,仍然不知道那些你是可以给我用的,所以我们需要告诉其他module那些类你是可以用,但是只是对类设置export(导出)还不够,我们需要在module下面的index.ets将要导出的类写出来

//常亮类
export { PkPercentageConstants } from './src/main/ets/components/constants/PkPercentageConstants'

export { PkStyleConstants } from './src/main/ets/components/constants/PkStyleConstants'

//工具类
export { PkLogger } from './src/main/ets/components/utils/PkLogger'

export { PkDateUtil } from './src/main/ets/components/utils/PkDateUtil'

//数据库
export { PkPreferencesUtil } from './src/main/ets/components/database/PkPreferencesUtil'

exprot defalut的作用

如果我们不设置export default new PkLogger(‘BasicUI’, 0xFF00);那么每次我们使用的时候需要如下调用

import { PkLogger } from '../../../../../basicui/src/main/ets/components/utils/PkLogger'
new PkLogger('haha',0xFF00).error(result.getWindowProperties().isTransparent)

设置export default new PkLogger(‘BasicUI’, 0xFF00);我们可以像调用静态方法一样直接调用

import PkLogger from '../../../../../basicui/src/main/ets/components/utils/PkLogger'
PkLogger.error(result.getWindowProperties().isTransparent)

export default的作用:

  1. 强制将整个类视为一个整体,有助于提高程序的可读性和可维护性
  2. 导出的默认内容可以是任何类型,包括函数、类、对象等,这极大地增加了导出内容的灵活性
阅读全文
下载说明:
1、本站所有资源均从互联网上收集整理而来,仅供学习交流之用,因此不包含技术服务请大家谅解!
2、本站不提供任何实质性的付费和支付资源,所有需要积分下载的资源均为网站运营赞助费用或者线下劳务费用!
3、本站所有资源仅用于学习及研究使用,您必须在下载后的24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担!
4、本站站内提供的所有可下载资源,本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发),但本站不保证资源的准确性、安全性和完整性,用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug!如有链接无法下载、失效或广告,请联系客服处理!
5、本站资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您的合法权益,请立即告知本站,本站将及时予与删除并致以最深的歉意!
6、如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
7、如果您喜欢该资源,请支持官方正版资源,以得到更好的正版服务!
8、请您认真阅读上述内容,注册本站用户或下载本站资源即您同意上述内容!
原文链接:https://www.1024c.cn/archives/20607,转载请注明出处。
0

评论0

显示验证码
没有账号?注册  忘记密码?