1/* 2 * Copyright (c) 2022 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@Component 16export default struct PlayButton { 17 @Link isPlaying: boolean 18 19 build() { 20 Button({ type: ButtonType.Circle, stateEffect: true }) { 21 if (this.isPlaying) { 22 Row() { 23 Rect({ width: 6, height: 35 }) 24 .fill(Color.White) 25 Rect({ width: 6, height: 35 }) 26 .margin({ left: 10 }) 27 .fill(Color.White) 28 }.width(22).height(35) 29 } else { 30 Polyline({ width: 30, height: 35 }) 31 .points([[0, 0], [30, 17.5], [0, 35]]) 32 .margin({ left: 5 }) 33 .fill(Color.White) 34 } 35 } 36 .size({ width: 80, height: 80 }) 37 .backgroundColor('#88000000') 38 .onClick(() => { 39 this.isPlaying = !this.isPlaying 40 }) 41 } 42}