1/* 2 * Copyright (c) 2021 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@Component 17@Entry 18struct Player { 19 @State isPlaying: boolean = false 20 build() { 21 Column() { 22 PlayButton({ buttonPlaying: $isPlaying }) 23 Text(`Player is ${this.isPlaying? '':'not'} playing`) 24 } 25 } 26} 27 28@Component 29struct PlayButton { 30 @Link buttonPlaying: boolean 31 build() { 32 Column() { 33 Button() { 34 Image(this.buttonPlaying? "play.png": "pause.png") 35 }.onClick(() => { 36 this.buttonPlaying = !this.buttonPlaying 37 }) 38 } 39 } 40} 41