手机卫士04-自定义显示图片

简介: <p style="line-height:26px; text-indent:nullem; text-align:left"><span style="color:#333333"><span style="font-family:Arial">首先,先和大家说个对不起先,昨天太赶啦,一时没说清楚昨天的内容,其实昨天还有一些UI的知识点还没讲的,而且那个代码也是有一点问题的,所以今天把

首先,先和大家说个对不起先,昨天太赶啦,一时没说清楚昨天的内容,其实昨天还有一些UI的知识点还没讲的,而且那个代码也是有一点问题的,所以今天把它补回来

我们先讲一下,昨天忘记说了的内容


其实昨天忘记说了的就是那个自定义标题栏那里啦

自定义标题栏,其实就是把原来的标题栏隐藏掉,然后再自己写一个TextView这些的控件,把它放上去的而已,一说就很简单的啦

但我们这里有一个知识点的

那就是自定义图片,其实上面的那个手机防盗这些文字外面的那个框,就是用到啦自定义图片的啦

要自定义图片,也很简单,我们要先在drawable的目录下面,新建一个xml文件

下面是我自己建的那个文字的背景text_background.xml

  1. <font color="#333333"><font face="Arial"><?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:shape="rectangle" ><!-- 这里指定了我现在要画的是一个矩形 -->

  4.     <stroke
  5.         android:width="1dip"
  6.         android:color="#ff333333" /><!-- 这个就是一个画笔啦,现在指定了画笔的大小,还有颜色 -->

  7.     <corners android:radius="12dip" /><!-- 现在这里指定我这个矩形是圆角的,12是那个圆角的值 -->

  8.     <solid android:color="@color/background" /><!-- 边框颜色 -->

  9.     <padding
  10.         android:bottom="2dip"
  11.         android:left="8dip"
  12.         android:right="8dip"
  13.         android:top="2dip" /><!-- 这个是内距 -->

  14. </shape></font></font>
复制代码
接下来,就可以在我们的main_item,xml的布局文件里面引用它啦
  1. <font color="#333333"><font face="Arial"><?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="150dip"
  4.     android:layout_height="150dip"
  5.     android:gravity="center_horizontal"
  6.     android:orientation="vertical" >
  7.    
  8.     <ImageView
  9.         android:id="@+id/iv_main_icon"
  10.         android:layout_width="120dip"
  11.         android:layout_height="120dip"
  12.         android:scaleType="fitXY"
  13.         android:src="@drawable/app"
  14.         android:contentDescription="@string/hello_world"/>
  15.    
  16.     <TextView
  17.         android:id="@+id/tv_main_name"
  18.         android:layout_width="wrap_content"
  19.         android:layout_height="wrap_content"
  20.         android:layout_marginTop="5dip"
  21.         android:textSize="18sp"
  22.         android:textColor="@android:color/black"
  23.         android:text="@string/main"
  24.         android:background="@drawable/text_background"/><!-- 引用刚刚定义的图片,像一般图片一样使用就行的啦,很方便的  -->

  25. </LinearLayout>
  26. </font></font>
复制代码
好,说完自定义图片之后,我说一下那个自定义标题栏那里啦,我刚刚说过啦,就是隐藏原来的,那么如何隐藏呢,其实只要在AndroidMainfest文件里面,声明那个类的时候给它加上一个Theme属性就行的啦
  1. <activity
  2.             android:theme="@android:style/Theme.NoTitleBar"
  3.             android:label="@string/main"
  4.             android:name="com.xiaobin.security.ui.MainActivity" />
复制代码
然后再给我们的布局文件加上一个TextView
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:background="@android:color/white"
  6.     android:orientation="vertical" >

  7.     <LinearLayout
  8.         android:layout_width="match_parent"
  9.         android:layout_height="40dip"
  10.         android:background="@drawable/title_background"
  11.         android:gravity="center_vertical|center_horizontal"
  12.         android:orientation="vertical" >

  13.         <TextView
  14.             android:layout_width="wrap_content"
  15.             android:layout_height="wrap_content"
  16.             android:text="@string/main"
  17.             android:textColor="@android:color/white"
  18.             android:textSize="22sp" />
  19.     </LinearLayout>

  20.     <GridView
  21.         android:id="@+id/gv_main"
  22.         android:layout_width="match_parent"
  23.         android:layout_height="match_parent"
  24.         android:numColumns="2"
  25.         android:verticalSpacing="8dip" />

  26. </LinearLayout>
复制代码
其实在那个背景里面,我也是用到了自定义图片的,各位也可以用一下的,多点用,才能记得嘛 好啦,现在说一下那个最重要的啦,就是我是在那里找到这些的,是怎样知道这些东西的其实这些,在我们的android的文档里面有的 就是这样的啦,其实api文档还有很多东西的,有空的话可以看看,当然我们这个项目还是会参与很多api里面的东西的好啦,今天就到这里啦,各位可以自己玩一玩那个自定义图片的功能,先预告一下明天的内容,明天次会都我们自定义对话框的,还有给手机防盗加个登录密码   Security_04自定义图片.rar(139.29 KB, 下载次数: 250)
目录
相关文章
|
JavaScript
VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)
VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)
3239 0
VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)
|
1月前
|
Java 数据库 数据安全/隐私保护
【SpringBoot】Validator组件+自定义约束注解实现手机号码校验和密码格式限制
【SpringBoot】Validator组件+自定义约束注解实现手机号码校验和密码格式限制
101 1
|
9月前
jackson系列之-自定义JsonSerializer对手机号码脱敏
对手机号码进行脱敏操作 , 使用了 hutool工具类,实现属性级别的脱敏操作
|
9月前
|
数据采集 数据可视化 前端开发
漏刻有时数据可视化大屏核心完整版框架PHP后台数据管理 API数据接口 Echarts图表库 自带电脑端和手机端两套模版且支持自定义前端模版开发
漏刻有时数据可视化大屏核心完整版框架PHP后台数据管理 API数据接口 Echarts图表库 自带电脑端和手机端两套模版且支持自定义前端模版开发
161 0
|
9月前
|
存储 前端开发 数据库
使用宜搭自定义页面搭建手机端应用
使用宜搭自定义页面搭建手机端应用
216 1
|
小程序
微信小程序:自定义头部(navigationStyle=custom)及手机适配
微信小程序:自定义头部(navigationStyle=custom)及手机适配
252 0
微信小程序:自定义头部(navigationStyle=custom)及手机适配
|
Android开发
Android11.0(R) 手机锁屏炫酷充电动画————自定义View方案
Android11.0(R) 手机锁屏炫酷充电动画————自定义View方案
216 0
|
缓存 JavaScript 前端开发
如何对C4C UI上的手机号码字段加上自定义验证逻辑
如何对C4C UI上的手机号码字段加上自定义验证逻辑
107 0
如何对C4C UI上的手机号码字段加上自定义验证逻辑

热门文章

最新文章