Android Studio实现搜索栏

 更新时间:2021年04月19日 10:03:16   作者:ws15168689087  
这篇文章主要为大家详细介绍了Android Studio实现搜索栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

前言

一、何为自定义控件?

系统自带的控件都是直接或间接继承自View的,View是Android中最基本的UI组件库。当系统的自带控件无法满足需求时,依据控件的继承结构来制作自定义控件,例如:顶部搜索栏

二、制作步骤

1.引入布局

如果在每一个Activity的布局中都编写一个搜索栏,会导致代码的重复。通过采用引入布局的形式,可以解决这个问题。
首先在layout目录下创建一个select.xml布局,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="@drawable/back001">

    <ImageView
        android:id="@+id/select_p01"
        android:layout_marginTop="2dp"
        android:layout_width="46dp"
        android:layout_height="41dp"
        android:src="@drawable/select_photo01" />

    <EditText
        android:id="@+id/select01"
        android:layout_marginTop="6dp"
        android:layout_width="250dp"
        android:layout_height="35dp"
        android:layout_marginLeft="10dp"
         <!--采用edittext_shap01样式-->
        android:background="@drawable/edittext_shape01"/>

    <ImageButton
        android:id="@+id/select_p02"
   <!-- 清除按钮背景-->
        style="?android:attr/borderlessButtonStyle"
        android:layout_marginTop="0dp"
        android:layout_width="53dp"
        android:layout_height="50dp"
   <!-- fitXY 的作用是“保持图片长宽比例”-->
        android:scaleType="fitXY"
        android:src="@drawable/select_photo02" />

</LinearLayout>

2.布局解析

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

1).设置布局背景为back001

android:background="@drawable/back001"

2).导入图片select_photo01

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

android:src="@drawable/select_photo01"

3.

3.采用edittext_shape01样式

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

android:background="@drawable/edittext_shape01"

变化前:

变化后:

edittext_shape01代码如下:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <solid
        android:color="#FFFFFF" >
    </solid>
    <!-- 设置圆角 -->
    <corners
        android:radius="3dp"
        android:bottomLeftRadius="15dp"
        android:bottomRightRadius="15dp"
        android:topLeftRadius="15dp"
        android:topRightRadius="15dp" >
    </corners>
    <!-- 设置边框 -->
    <stroke android:width="1dip" android:color="#ff000000" />

</shape>

4.导入图片select_photo02装饰

android:scaleType="fitXY"
android:src="@drawable/select_photo02" 

注:fitXY较为重要!

测试

完成布局的编写后,便可以将select01作为自定义控件,进行调用:

<include layout="@layout/select01" />

只需要通过一行include语句,便可以引入搜索栏布局

引入前后对比:

引入前

引入后

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android 开发与代码无关技巧详解

    Android 开发与代码无关技巧详解

    这篇文章主要为大家介绍了Android 开发与代码无关技巧详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • Android开发Jetpack组件Room使用讲解

    Android开发Jetpack组件Room使用讲解

    Room是一个数据库访问组件; 对SqLite数据库做了友好的封装,使我们在编码的时候,只需要注重逻辑的部分即可,数据库就交给Room去流畅的访问即可
    2022-08-08
  • Android实现ListView分页加载数据

    Android实现ListView分页加载数据

    这篇文章主要为大家详细介绍了Android实现ListView分页加载数据,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • Android使用GridView实现日历的简单功能

    Android使用GridView实现日历的简单功能

    这篇文章主要为大家详细介绍了Android使用GridView实现日历的简单功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • Android通用索引栏实现代码

    Android通用索引栏实现代码

    这篇文章主要为大家详细介绍了Android通用索引栏实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 教你五分钟实现Android超漂亮的刻度轮播控件实例教程

    教你五分钟实现Android超漂亮的刻度轮播控件实例教程

    说到轮播图,想必大家都不陌生,下面这篇文章主要给大家介绍了关于如何利用五分钟快速实现一款超漂亮的Android刻度轮播控件的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧
    2018-09-09
  • Android自定义圆形View实现小球跟随手指移动效果

    Android自定义圆形View实现小球跟随手指移动效果

    这篇文章主要为大家详细介绍了Android自定义圆形View实现小球跟随手指移动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-03-03
  • Android客户端首次启动引导界面

    Android客户端首次启动引导界面

    这篇文章主要为大家详细介绍了Android客户端首次启动引导界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • Android录制语音文件wav转mp3的方法示例

    Android录制语音文件wav转mp3的方法示例

    这篇文章主要介绍了Android录制语音文件wav转mp3的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • Android编程显示网络上的图片实例详解

    Android编程显示网络上的图片实例详解

    这篇文章主要介绍了Android编程显示网络上的图片,结合实例形式详细分析了Android显示网络图片的流程与具体操作技巧,需要的朋友可以参考下
    2016-10-10

最新评论