1/* 2 * Copyright (c) 2025 Huawei Device Co., Ltd. 3 * Licensed under the Apache License, Version 2.0 (the "License"); 4 * you may not use this file except in compliance with the License. 5 * You may obtain a copy of the License at 6 * 7 * http://www.apache.org/licenses/LICENSE-2.0 8 * 9 * Unless required by applicable law or agreed to in writing, software 10 * distributed under the License is distributed on an "AS IS" BASIS, 11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 * See the License for the specific language governing permissions and 13 * limitations under the License. 14 */ 15 16@Preview 17@Component 18export struct MyComponent { 19 title: string = 'test' 20 func: () => void = () => { 21 } 22 23 @Styles 24 pressedStyle(){ 25 .backgroundColor(0x238E23) 26 } 27 28 @Styles 29 normalStyles() { 30 .backgroundColor(0x0000ff) 31 } 32 33 build() { 34 Text(this.title) 35 .key(this.title) 36 .fontSize(10) 37 .backgroundColor(0x0000ff) 38 .fontColor(0xffffff) 39 .padding(5) 40 .onClick(this.func) 41 .stateStyles({ pressed: this.pressedStyle, normal: this.normalStyles }) 42 } 43}