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