直播软件开发,自定义搜索栏的图标样式和搜索框

直播软件开发,自定义搜索栏的图标样式和搜索框实现的相关代码

一.引入布局

如果在每一个Activity的布局中都编写一个搜索栏,会导致代码的重复。通过采用引入布局的形式,可以解决这个问题。

首先在layout目录下创建一个select.xml布局,代码如下:

 

1
<br><?xml version="1.0" encoding="utf-8"?><br><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"<br>    android:orientation="horizontal" android:layout_width="match_parent"<br>    android:layout_height="50dp"<br>    android:background="@drawable/back001"><br>    <ImageView<br>        android:id="@+id/select_p01"<br>        android:layout_marginTop="2dp"<br>        android:layout_width="46dp"<br>        android:layout_height="41dp"<br>        android:src="@drawable/select_photo01" /><br>    <EditText<br>        android:id="@+id/select01"<br>        android:layout_marginTop="6dp"<br>        android:layout_width="250dp"<br>        android:layout_height="35dp"<br>        android:layout_marginLeft="10dp"<br>        <!--采用edittext_shap01样式--><br>        android:background="@drawable/edittext_shape01"/><br>    <ImageButton<br>        android:id="@+id/select_p02"<br><!-- 清除按钮背景--><br>        style="?android:attr/borderlessButtonStyle"<br>        android:layout_marginTop="0dp"<br>        android:layout_width="53dp"<br>        android:layout_height="50dp"<br><!-- fitXY 的作用是“保持图片长宽比例”--><br>        android:scaleType="fitXY"<br>        android:src="@drawable/select_photo02" /><br></LinearLayout>

二.布局解析

此处对上方的布局进行补充:

1.设置布局背景为back001

 

1
<br>android:background="@drawable/back001"

2.导入图片select_photo01

为了使搜索栏不单调,故导入图片装饰

 

1
<br>android:src="@drawable/select_photo01" 

3.采用edittext_shape01样式

系统自带的EditText仅是一条直线,此处将其变成圆型输入框

android:background="@drawable/edittext_shape01"

edittext_shape01代码如下:

 

1
<br><?xml version="1.0" encoding="utf-8"?><br><shape xmlns:android="http://schemas.android.com/apk/res/android"<br>    android:shape="rectangle" ><br>    <solid<br>        android:color="#FFFFFF" ><br>    </solid><br>    <!-- 设置圆角 --><br>    <corners<br>        android:radius="3dp"<br>        android:bottomLeftRadius="15dp"<br>        android:bottomRightRadius="15dp"<br>        android:topLeftRadius="15dp"<br>        android:topRightRadius="15dp" ><br>    </corners><br>    <!-- 设置边框 --><br>    <stroke android:width="1dip" android:color="#ff000000" /><br></shape>

4.导入图片select_photo02装饰

 

1
<br>android:scaleType="fitXY"<br>android:src="@drawable/select_photo02" 

​以上就是 直播软件开发,自定义搜索栏的图标样式和搜索框实现的相关代码,更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(99)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示