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

首先，先和大家说个对不起先，昨天太赶啦，一时没说清楚昨天的内容，其实昨天还有一些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. 
   
5.     <stroke
   
6.         android:width="1dip"
   
7.         android:color="#ff333333" /><!-- 这个就是一个画笔啦，现在指定了画笔的大小，还有颜色 -->
   
8. 
   
9.     <corners android:radius="12dip" /><!-- 现在这里指定我这个矩形是圆角的，12是那个圆角的值 -->
   
10. 
    
11.     <solid android:color="@color/background" /><!-- 边框颜色 -->
    
12. 
    
13.     <padding
    
14.         android:bottom="2dip"
    
15.         android:left="8dip"
    
16.         android:right="8dip"
    
17.         android:top="2dip" /><!-- 这个是内距 -->
    
18. 
    
19. </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. 
    
26. </LinearLayout>
    
27. </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. 
   
8.     <LinearLayout
   
9.         android:layout_width="match_parent"
   
10.         android:layout_height="40dip"
    
11.         android:background="@drawable/title_background"
    
12.         android:gravity="center_vertical|center_horizontal"
    
13.         android:orientation="vertical" >
    
14. 
    
15.         <TextView
    
16.             android:layout_width="wrap_content"
    
17.             android:layout_height="wrap_content"
    
18.             android:text="@string/main"
    
19.             android:textColor="@android:color/white"
    
20.             android:textSize="22sp" />
    
21.     </LinearLayout>
    
22. 
    
23.     <GridView
    
24.         android:id="@+id/gv_main"
    
25.         android:layout_width="match_parent"
    
26.         android:layout_height="match_parent"
    
27.         android:numColumns="2"
    
28.         android:verticalSpacing="8dip" />
    
29. 
    
30. </LinearLayout>

复制代码

其实在那个背景里面，我也是用到了自定义图片的，各位也可以用一下的，多点用，才能记得嘛 好啦，现在说一下那个最重要的啦，就是我是在那里找到这些的，是怎样知道这些东西的其实这些，在我们的android的文档里面有的 就是这样的啦，其实api文档还有很多东西的，有空的话可以看看，当然我们这个项目还是会参与很多api里面的东西的好啦，今天就到这里啦，各位可以自己玩一玩那个自定义图片的功能，先预告一下明天的内容，明天次会都我们自定义对话框的，还有给手机防盗加个登录密码   Security_04自定义图片.rar(139.29 KB, 下载次数: 250)