2作者: zhousg7 个月前
HarmonyOS 5 新闻应用 - 新闻详情页实现案例 摘要 本文详细介绍了使用 ArkTS 语言在 HarmonyOS 5.0 新闻应用中实现新闻详情页的过程。通过定义 BarButton 和 NewDetailPage 组件,实现了新闻详情页的界面布局、状态栏颜色设置和页面导航。<p>@Component struct BarButton { icon: ResourceStr = &#x27;&#x27;<p><pre><code> build() { Row() { Image(this.icon) .width(24) .height(24) .fillColor(Color.White) } .justifyContent(FlexAlign.Center) .width(40) .aspectRatio(1) .borderRadius(22) .backgroundColor(&#x27;#45FFFFFF&#x27;) } </code></pre> }<p>@Component struct NewDetailPage { news: NewsModel = {} as NewsModel<p><pre><code> async setStatusBarContentColor(color: string) { const ctx = this.getUIContext() .getHostContext()! const win = await window.getLastWindow(ctx) win.setWindowSystemBarProperties({ statusBarContentColor: color }) } @Builder CustomBarBuilder() { Row({ space: 10 }) { BarButton({ icon: $r(&#x27;sys.media.ohos_ic_public_arrow_left&#x27;) }) .onClick(() =&gt; pathStack.pop()) Blank() BarButton({ icon: $r(&#x27;sys.media.ohos_ic_public_share&#x27;) }) BarButton({ icon: $r(&#x27;sys.media.ohos_ic_public_more&#x27;) }) } .padding(15) .width(&#x27;100%&#x27;) } @Builder TitleBuilder () { Column({ space: 12 }){ Button(this.news.category) .size({ height: 36 }) Text(this.news.title) .fontSize(24) .fontWeight(FontWeight.Medium) .fontColor(Color.White) Text() { Span(this.news.author) Span(&#x27;·&#x27;) Span(this.news.time) } .fontSize(14) .fontColor(Color.White) } .padding(15) .height(300) .width(&#x27;100%&#x27;) .justifyContent(FlexAlign.End) .alignItems(HorizontalAlign.Start) } @Builder ContentBuilder () { Column(){ Row({ space: 10 }){ Image(this.news.companyLogo) .width(40) .aspectRatio(1) .borderRadius(20) Text(this.news.company) .fontSize(18) .fontWeight(FontWeight.Bold) } .width(&#x27;100%&#x27;) .height(60) Text(` At the newly expanded FIFA Club World Cup on `) .fontSize(16) .lineHeight(24) } .borderRadius({ topLeft: 30, topRight: 30 }) .backgroundColor(Color.White) .padding(15) } build() { NavDestination() { List(){ ListItem(){ this.CustomBarBuilder() } ListItem(){ this.TitleBuilder() } ListItem(){ this.ContentBuilder() } } .width(&#x27;100%&#x27;) .height(&#x27;100%&#x27;) .layoutWeight(1) } .hideTitleBar(true) .backgroundImage($r(&#x27;app.media.news01&#x27;)) .backgroundImageSize({ height: &#x27;60%&#x27;, width: &#x27;auto&#x27; }) .backgroundImagePosition(Alignment.Top) .onShown(() =&gt; this.setStatusBarContentColor(&#x27;#FFFFFF&#x27;)) .onHidden(() =&gt; this.setStatusBarContentColor(&#x27;#000000&#x27;)) .onReady((ctx) =&gt; { this.news = ctx.pathInfo.param as NewsModel }) } }</code></pre>
4作者: theusus7 个月前
我从上一家公司被裁员了,现在在一家平庸的公司。我的经理以前为所欲为,当我给他们反馈时,他们却生气了。在经历了几个月的沮丧之后,我向上一级主管报告了此事。但他们做的事情更糟。他们收集了所有人的反馈,把所有的负面评价都放在我身上。更糟糕的是,他们把这些反馈给了我的经理。 我每天都害怕被解雇。我已经找了三个月的,但还没有收到任何offer。我真的感到绝望,充满了焦虑。 非常感谢任何有用的建议。 我尝试过很多疗法,目前正在服用重药。但已经没有任何帮助了。 国家:印度