HarmonyOS 鸿蒙Next搜索框组件的searchButton可以自定义吗

发布于 1周前 作者 yuanlaile 来自 鸿蒙OS

HarmonyOS 鸿蒙Next搜索框组件的searchButton可以自定义吗

cke_184.png默认的搜索按钮只能设置字体和字号,样式是一条竖线分割+文字

能不能自定义搜索框的样式呢?例如自定义成胶囊按钮形状



关于HarmonyOS 鸿蒙Next搜索框组件的searchButton可以自定义吗的问题,您也可以访问:https://www.itying.com/category-93-b0.html 联系官网客服。

4 回复

你好,鸿蒙开发者同僚

关于你的提问《searchButton》自定义的问题,官方文档给出的API是允许自定义许多元素的

详情,你可以参考华为API文档进行自定义适配的工作,你可以参考一下如下自定义的代码

[@Entry](/user/Entry)
[@Component](/user/Component)
class MyView{
    @State var changeValue: String = ""
    @State var submitValue: String = ""
<span class="hljs-keyword"><span class="hljs-keyword">let</span></span> controller = SearchController()
func build() {
    Flex(FlexParams(direction: FlexDirection.Row, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center)) {
      Text(submitValue)
      Text(changeValue)
      Search(value: <span class="hljs-string"><span class="hljs-string">""</span></span>, placeholder: <span class="hljs-string"><span class="hljs-string">"Type to search"</span></span>, controller: controller)
        .searchButton(<span class="hljs-string"><span class="hljs-string">"Search"</span></span>)
        .width(<span class="hljs-number"><span class="hljs-number">300</span></span>)
        .height(<span class="hljs-number"><span class="hljs-number">35</span></span>)
        .backgroundColor(<span class="hljs-number"><span class="hljs-number">0xDDDDDD</span></span>)
        .placeholderColor(<span class="hljs-number"><span class="hljs-number">0x000000</span></span>)
        .onSubmit({value =&gt;
          submitValue = value
        })
        .onChange({value =&gt;
          changeValue = value
        })
        .margin(top: <span class="hljs-number"><span class="hljs-number">30</span></span>)
        .id(<span class="hljs-string"><span class="hljs-string">"searchComponent"</span></span>)
    }
}

}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

Search-基础组件-UI 组件(仓颉)-API参考 - 华为HarmonyOS开发者 (huawei.com)

楼主可以自行定义,searchButton暂不支持自定义样式
对个性化样式有要求的,还是自定义组件好一点

HarmonyOS的分布式技术让我实现了跨设备的无缝协作,工作效率翻倍。

回到顶部