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

667人阅读 评论(0) 收藏 举报

首先,先和大家说个对不起先,昨天太赶啦,一时没说清楚昨天的内容,其实昨天还有一些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)
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    本人新书
    个人资料
    • 访问:1986972次
    • 积分:27093
    • 等级:
    • 排名:第235名
    • 原创:741篇
    • 转载:258篇
    • 译文:22篇
    • 评论:365条
    技术公众号
    微信公众号,欢迎关注
    博客专栏
    站长统计
    微博
    最新评论