直播软件开发,自定义搜索栏的图标样式和搜索框
直播软件开发,自定义搜索栏的图标样式和搜索框实现的相关代码
一.引入布局
如果在每一个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" |
以上就是 直播软件开发,自定义搜索栏的图标样式和搜索框实现的相关代码,更多内容欢迎关注之后的文章
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现