一、设置界面。

采用PerferenceActivity 与Perference完美配置在一起。

类似android自身的设置界面也是采用此种方式。

配置Activity,指定了一个主题

        <!--  配置这个属性表示切换横竖屏的时候,不会调用oncreate()方法而是调用onConfigchanges --><activity android:name=".SettingActivity"android:label="设置与帮助"android:theme="@style/Default"android:configChanges="keyboardHidden|orientation" >

顶部是使用自定义WindowTitle,也可以先获得第一个ScreenPrefernces,然后自行添加的headView

//Light改变了  "消息通知"这一栏的明亮程度

<style name="Default.NoTitleBar" parent="@android:style/Theme.Light.NoTitleBar">
<item name="android:textColorPrimaryInverse">@color/traffic_txt</item>   <item name="android:windowBackground">@color/window_bg</item><item name="android:windowContentOverlay">@null</item><item name="android:windowTitleStyle">@style/CustomWindowTitleText</item> <item name="android:windowTitleBackgroundStyle">@style/CustomWindowTitleBackground</item><item name="android:checkboxStyle">@style/customCheckBox</item><item name="android:listViewStyle">@style/customListView</item>

设置的配置文件。

<PreferenceScreenxmlns:android="http://schemas.android.com/apk/res/android"><PreferenceCategory android:title="消息通知"> <CheckBoxPreference android:title="开启声音" android:key="开启声音" android:summary="当有新消息通知时播放声音提示" android:summaryOn="选中了我" android:summaryOff="没选中我" android:defaultValue="false"/><CheckBoxPreference android:title="开启震动" android:key="开启震动" android:summary="当有新消息通知时震动提示" android:defaultValue="true" />    </PreferenceCategory><PreferenceCategory android:title="图片接收">    <CheckBoxPreference android:title="自动接收图片" android:key="自动接收图片" android:summary="GPRS,3G网络下自动接收并显示图片" android:defaultValue="false" ></CheckBoxPreference>       </PreferenceCategory><PreferenceCategory android:title="显示" >  <CheckBoxPreference android:title="开启横屏模式" android:key="开启横屏模式" android:defaultValue="true" /><CheckBoxPreference android:title="显示系统栏挂机图标" android:key="显示系统栏挂机图标" android:summary="后台运行时,在系统栏显示程序图标" android:defaultValue="true" /><PreferenceScreen android:title="更换皮肤"><intent android:targetPackage="com.genius.demo" android:targetClass="com.genius.demo.SkinActivity" /></PreferenceScreen></PreferenceCategory><PreferenceCategory android:title="辅助功能"><CheckBoxPreference android:title="开启截屏功能" android:key="开启截屏功能" android:summary="摇晃手机即可截图(在QQ外截图需root权限)" android:defaultValue="false" /><CheckBoxPreference android:title="上报我的地理位置" android:key="上报我的地理位置" android:summary="上报地理位置信息以便附近的人能够找到我" android:defaultValue="false" /><PreferenceScreen android:title="查看流量统计" android:summary="使用手机QQ所产生的上行和下行流量"><intent android:targetPackage="com.genius.demo" android:targetClass="com.genius.demo.TrafficStatActivity" /></PreferenceScreen></PreferenceCategory><PreferenceCategory android:title="帮助"><PreferenceScreen android:title="反馈建议" android:summary="反馈建议"><intent android:action="android.intent.action.VIEW" android:data="http://wap.3g.qq.com/g/s?aid=wapsupport&amp;amp;fid=647" /></PreferenceScreen><PreferenceScreen android:title="好友设置" android:summary="好友设置"><intent android:targetPackage="com.genius.demo" android:targetClass="com.genius.demo.FriendInfoActivity" /></PreferenceScreen></PreferenceCategory>
</PreferenceScreen>

二、查看流量统计

页面布局
 中间的 采用include的形式进去的。里面采用的布局是一个tableLayout。注意到中间的矩形周边有圆角没。那是采用shape作为背景的。

table布局文件

<?xml version="1.0" encoding="UTF-8"?>
<!-- shape_bg作为背景配置 -->
<TableLayout android:background="@drawable/shape_bg" android:paddingLeft="6.0dip" android:paddingTop="5.0dip" android:paddingRight="6.0dip" android:paddingBottom="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginLeft="8.0dip" android:layout_marginTop="0.0dip" android:layout_marginRight="8.0dip" android:layout_marginBottom="9.0dip"xmlns:android="http://schemas.android.com/apk/res/android"><TableRow><TextView android:textSize="14.0sp" android:textColor="@color/traffic_txt" android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="" android:layout_weight="1.0" /><TextView android:textSize="14.0sp" android:textColor="@color/traffic_txt" android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="发送" android:layout_weight="1.0" /><TextView android:textSize="14.0sp" android:textColor="@color/traffic_txt" android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="接收" android:layout_weight="1.0" /></TableRow><TableRow><TextView android:textSize="14.0sp" android:textColor="@color/traffic_txt" android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="基础聊天" android:layout_weight="1.0" /><TextView android:textSize="14.0sp" android:textColor="@color/traffic_data" android:padding="5.0dip" android:layout_width="fill_parent" android:id="@+id/base_send_trafic" android:text="34 KB" android:layout_height="wrap_content" android:layout_weight="1.0" /><TextView android:textSize="14.0sp" android:textColor="@color/traffic_data" android:padding="5.0dip" android:layout_width="fill_parent" android:id="@+id/base_recv_trafic" android:text="15 KB" android:layout_height="wrap_content" android:layout_weight="1.0" /></TableRow><TableRow><TextView android:textSize="14.0sp" android:textColor="@color/traffic_txt" android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="图片" android:layout_weight="1.0" /><TextView android:textSize="14.0sp" android:textColor="@color/traffic_data"  android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="0 bytes" android:layout_weight="1.0" /><TextView android:textSize="14.0sp" android:textColor="@color/traffic_data"  android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="0 bytes" android:layout_weight="1.0" /></TableRow><TableRow><TextView android:textSize="14.0sp" android:textColor="@color/traffic_txt" android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="语音" android:layout_weight="1.0" /><TextView android:textSize="14.0sp" android:textColor="@color/traffic_data" android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="0 bytes" android:layout_weight="1.0" /><TextView android:textSize="14.0sp" android:textColor="@color/traffic_data" android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="0 bytes" android:layout_weight="1.0" /></TableRow><TableRow><TextView android:textSize="14.0sp" android:textColor="@color/traffic_txt" android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="视频" android:layout_weight="1.0" /><TextView android:textSize="14.0sp" android:textColor="@color/traffic_data" android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="0 bytes" android:layout_weight="1.0" /><TextView android:textSize="14.0sp" android:textColor="@color/traffic_data" android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="0 bytes" android:layout_weight="1.0" /></TableRow><TableRow><TextView android:textSize="14.0sp" android:textColor="@color/traffic_txt" android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="小计" android:layout_weight="1.0" /><TextView android:textSize="14.0sp" android:textColor="@color/traffic_data" android:text="34 KB" android:id="@+id/total_send_trafic"  android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0" /><TextView android:textSize="14.0sp" android:textColor="@color/traffic_data" android:text="15 KB" android:id="@+id/total_recv_trafic" android:padding="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0" /></TableRow>
</TableLayout>

shape_bg.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape android:shape="rectangle"xmlns:android="http://schemas.android.com/apk/res/android"><solid android:color="@android:color/white" />
<!--边框的粗细与颜色--><stroke android:width="1.0dip" android:color="#ffe0e0e0" /><corners android:radius="4.0dip" />
</shape>

三、好友资料界面

使用多个LinerLayout来控制。。每个LinerLayout设置一个边界距离。

手机QQ UI界面分析相关推荐

  1. 安卓手机应用软件UI界面设计展示PR样机模板MOGRT

    9个不同角度展示安卓手机应用软件UI界面设计作品展示PR模板Mogrt|Android安卓样机模板 主要特点: 适用于 Premiere Pro CC 2021+ 适用于图像或视频 轻松改变颜色 轻松 ...

  2. 腾讯WSD:手机QQ浏览器界面布局设计心得

    经过几个月的时间和大家的努力,手机QQ浏览器(android版)从 2.0 陆续更新到的 2.6.在经历了设计的千回百转和架构的不断尝试后,终于有了个新面貌,使用体验也比之前版本有了较大提升.不过,这 ...

  3. 全向移动平台android版手机控制器——UI界面设计

    当前可行的轮式全向移动平台大致有两种方式,一种是在每个车轮上加装一套转向机构,另一种就是采用麦克纳姆轮及其各种变种.后一种全向移动平台在响应速度.运动转换平滑性要远远比前一种方式优秀. 不管那种实现方 ...

  4. java qq ui界面_java swing 创建一个简单的QQ界面教程

    记录自己用java swing做的第一个简易界面. LoginAction.java package com.QQUI0819; import javax.swing.*; import java.a ...

  5. java qq ui界面,java UI之QQ登录

    package com.SwingIn51; import java.awt.*; import javax.swing.*; public class QQLanuch extends JFrame ...

  6. 前端大作业-仿手机QQ

    简介 此程序是本人大三时期的前端工程大作业,初学前端三件套(HTML.CSS.JavaScript)和Vue后所编写的一个程序,是一个仿手机QQ网页,以前端网页的形式实现手机QQ基本界面和功能. 本程 ...

  7. UI设计培训教程:UI界面的视觉表现有什么趋势?

    本期小编为大家介绍的UI设计培训课程是关于"UI界面的视觉表现有什么趋势?"的相关内容,在UI设计界面过程中,很多设计师为了加强对视觉元素的运用,结合界面互动性特征将信息做特色化排 ...

  8. android qq红点,手机QQ的拖动红点消除红点功能是怎么想出来的?

    问:产品经理(交互或者...)能是怎么想到的? 就是那个功能--按住手机QQ会话界面的任何一个红点,拖动,小红点提醒就会消失.按住底部的小红点,可以把所有消息提醒都消掉.专治红点恐惧症. 答: 作为一 ...

  9. 轻松实现网页中通过链接跳转到QQ聊天界面,通过链接加QQ群,自动打开聊天对话框等等,包含电脑版和手机版的实现,示例部分Android和iOS的代码

    通过链接打开对话框: 打开qq聊天窗口的方法 <a href="http://wpa.qq.com/msgrd?v=3&uin=1450612626&site=qq&a ...

最新文章

  1. Android学习笔记(二三): 多页显示-Flipper的使用
  2. 1.A+B Problem
  3. 我能成为项目经理么?
  4. Easy Number Challenge
  5. Spring Boot @EnableAutoConfiguration和 @Configuration的区别
  6. matlab实现图像放大两倍,matlab图像处理基础知识0(双线性插值matlab实现--调整水平和垂直放大倍数)...
  7. A/D采样控制电路设计---VHDL
  8. 检查服务器端口占用情况命令
  9. 离散数学引发的脑科学思考
  10. redis和memcache的对比
  11. 怎么测试服务器端口是否对外开放_12个经典性能测试人员面试题
  12. 用 Access+Outlook 来采集信息
  13. AMPL-最短路选择问题
  14. SPSS软件做方差分析
  15. 前端开发试用期工作总结
  16. mysql mysql.sock_MySQL下mysql.sock丢失问题的解决[ubuntu, linux, mysqld.sock]
  17. 如何安装SQL server 2005 开发版
  18. oracle为什么主键不唯一,Oracle GoldenGate 针对表没有主键或唯一索引的解决方案
  19. 具有系统权限的apk的安装和系统签名
  20. 华为诺亚方舟实验室招聘实习生

热门文章

  1. js 判断昨天,前天,去年
  2. 【链表】单链表的实现
  3. 专访 | 数据库厂商都怕低价竞争?阿里云说并不可惧
  4. QT 中用代码执行命令行清空Linux系统垃圾箱Trash
  5. java计算机毕业设计飞羽羽毛球馆管理系统MyBatis+系统+LW文档+源码+调试部署
  6. 计算机flash忆江南怎么做,幼儿园学古诗《忆江南》FLASH课件动画教案
  7. 花生云短信_新春祝福语短信大全
  8. ABOV单片机内部看门狗WDT的代码实现讲解及示例代码-[MC96F6332D]
  9. 基于JSP 旅游网站在线旅游信息网站(Java旅游系统旅游网站)旅游管理系统jsp旅游景区旅游网站
  10. 手机app显示服务器异常,手机明明有网却老是显示网络连接异常,网络连接异常原因解析...