android UI进阶之用【转】

android UI进阶之用ViewPager实现欢迎引导页面

摘要: ViewPager需要android-support-v4.jar这个包的支持，来自google提供的一个附加包。大家搜下即可。ViewPager主要用来组织一组数据，并且通过左右滑动的方式来展示。现在的大多数应用都会有一个欢迎引导页面，如图所示，通过左右滑动来告知用户一些功能特性。这个引导图效果用ViewPager可以很轻松的实现。正如前面所说，ViewPager是用来展示一组数据的，所以肯定需要Adapter来绑定数据和view。先写一个Adapter：package com.notice.viewpagerd;import java.util.List;import android.os阅读全文

posted @ 2012-04-12 17:20 noTice501 阅读(7159) | 评论 (9) 编辑

android UI进阶之实现listview中checkbox的多选与记录

摘要: 今天继续和大家分享涉及到listview的内容。在很多时候，我们会用到listview和checkbox配合来提供给用户一些选择操作。比如在一个清单页面，我们需要记录用户勾选了哪些条目。这个的实现并不太难，但是有很多朋友来问我如何实现，他们有遇到各种各样的问题，这里就一并写出来和大家一起分享。ListView的操作就一定会涉及到item和Adapter，我们还是先来实现这部分内容。首先，写个item的xml布局，里面放置一个TextView和一个CheckBox。要注意的时候，这里我设置了CheckBox没有焦点，这样的话，无法单独点击checkbox，而是在点击listview的条目后，Ch阅读全文

posted @ 2012-02-17 10:42 noTice501 阅读(4691) | 评论 (17) 编辑

android UI进阶之实现listview的分页加载

摘要: 上篇博文和大家分享了下拉刷新，这是一个用户体验非常好的操作方式。新浪微薄就是使用这种方式的典型。还有个问题，当用户从网络上读取微薄的时候，如果一下子全部加载用户未读的微薄这将耗费比较长的时间，造成不好的用户体验，同时一屏的内容也不足以显示如此多的内容。这时候，我们就需要用到另一个功能，那就是listview的分页了。通过分页分次加载数据，用户看多少就去加载多少。通常这也分为两种方式，一种是设置一个按钮，用户点击即加载。另一种是当用户滑动到底部时自动加载。今天我就和大家分享一下这个功能的实现。首先，写一个xml文件，moredata.xml，该文件即定义了放在listview底部的视图：<阅读全文

posted @ 2012-02-10 11:26 noTice501 阅读(6241) | 评论 (7) 编辑

android UI进阶之实现listview的下拉加载

摘要: 关于listview的操作五花八门，有下拉刷新，分级显示，分页列表，逐页加载等，以后会陆续和大家分享这些技术，今天讲下下拉加载这个功能的实现。最初的下拉加载应该是ios上的效果，现在很多应用如新浪微博等都加入了这个操作。即下拉listview刷新列表，这无疑是一个非常友好的操作。今天就和大家分享下这个操作的实现。先看下运行效果： 代码参考国外朋友Johan Nilsson的实现，http://johannilsson.com/2011/03/13/android-pull-to-refresh-update.html。主要原理为监听触摸和滑动操作，在listview头部加载一个视图。那要做的其阅读全文

posted @ 2012-01-20 17:06 noTice501 阅读(4635) | 评论 (5) 编辑

android UI进阶之弹窗的使用（2）--实现通讯录的弹窗效果

摘要: 欢迎转载，转载请注明出处！否则将追究法律责任！http://www.cnblogs.com/noTice520相信大家都体验过android通讯录中的弹窗效果。如图所示：android中提供了QuickContactBadge来实现这一效果。这里简单演示下。首先创建布局文件：<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orie阅读全文

posted @ 2011-08-16 11:52 noTice501 阅读(7383) | 评论 (36) 编辑

android UI进阶之自定义组合控件

摘要: 好久没写博客了。实在是忙不过来，不过再不总结总结真的不行了。慢慢来吧，有好多需要去总结的，博客里还是记录ui方面的。今天和大家分享下组合控件的使用。很多时候android自定义控件并不能满足需求，如何做呢？很多方法，可以自己绘制一个，可以通过继承基础控件来重写某些环节，当然也可以将控件组合成一个新控件，这也是最方便的一个方法。今天就来介绍下如何使用组合控件，将通过两个实例来介绍。第一个实现一个带图片和文字的按钮，如图所示：整个过程可以分四步走。第一步，定义一个layout，实现按钮内部的布局。代码如下：<?xml version="1.0" encoding=&quo阅读全文

posted @ 2011-08-07 23:01 noTice501 阅读(2967) | 评论 (1) 编辑

android UI进阶之布局的优化（二）

摘要: 上一篇博客中介绍了布局优化的工具，层级观察器Hierarchy Viewer和布局优化分析工具layoutopt。如果看过上篇博客的会注意到，layoutopt工具提示可以将<FrameLayout/>换成<merge/>。其实<merge/>标签在UI的结构优化中起着非常重要的作用，通过它可以删减多余的层级，达到优化UI的目的。 再来看一下上篇博客中使用的框架布局的树形结构图：根节点和LinearLayout上面那个子树为android的窗口布局，后面的TextView即为标签。黄色框内的这部分树形图即为我们的布局。可以发现红色框出的FrameLayout阅读全文

posted @ 2011-04-12 13:59 noTice501 阅读(2572) | 评论 (1) 编辑

android UI进阶之布局的优化

摘要: 欢迎转载，但是请保留出处。http://www.cnblogs.com/noTice520/ 好久没更新博客了，趁着清明来写点什么。 今天来讲下如何使用android中提供的工具优化我们的布局。首先我们写一个最简单的框架布局。 <?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical&qu阅读全文

posted @ 2011-04-04 10:22 noTice501 阅读(2975) | 评论 (14) 编辑

android UI进阶之用gallery实现可滑动的Tab

摘要: 今天还是来讲下Tab的实现。android自带的Tab在有比较多条目的时候会显得非常挤，这样不仅不美观，更加影响操作。如果Tab能做成左右滑动的，那就非常好了。其实实现这种效果并不难，而且方法也不少。今天给大家介绍下用gallery这个组件来实现的方法。 首先我们需要写Gallery的适配器。这里我们要注意的是Gallery有一个特点，就是起始一个元素的左边会留下一块空位，如下图所示： 这样我们的Tab显然不是很完美，如何解决？开始想的就是去看gallery的源码，重写他。不过既然我们做的是滑动的，让他左右都可滑动不就ok了？要实现左右滑动，要做的事情就是让里面的元素循环。Gall...阅读全文

posted @ 2011-03-09 16:13 noTice501 阅读(9316) | 评论 (1) 编辑

android UI进阶之弹窗的使用

摘要: 其实这是第二遍写这篇博客……浏览器崩溃了。。。我还以为博客园和CSDN的一样自动保存，竟然没有！好吧，没事，重新写过。年就算过完啦。新年第一篇来讲下android中的PopupWindow。姑且就叫做弹窗吧，其实和AlertDialog一样，也是一种对话框，两者也经常混用，但是也各有特点。下面就看看使用方法。首先初始化一个PopupWindow1 PopupWindow mPop = new PopupWindow(getLayoutInflater().inflate(R.layout.window, null),2 LayoutParams.WRAP_CONTENT, LayoutPara阅读全文

posted @ 2011-02-15 20:51 noTice501 阅读(12130) | 评论 (7) 编辑

android UI进阶之可延伸的图像

摘要: 今天就是除夕啦，抽空来写写博客。写完就去吃年夜饭啦。在这祝大家事业有成，身体健康！今天来讲下android UI设计中常要用到的可延伸图像。除了最基本的png，jpg与gif三种格式外，android还有一种叫做Nine-Patch的可延伸图像.9.png。和png格式不同的是，他会随着属性物的大小变化而改变自己的大小，从而来适应属性物的大小。这个特点，在我们平常的UI设计中是非常实用的。最常见的一个图片做按钮背景，来适配字体大小，这时候，你会发现，这种可延伸图像非常的好用。下面就来讲讲如何使用吧。Android SDK提供了一个工具来制造这种图像。在android sdk的tools目录下，阅读全文

posted @ 2011-02-02 16:53 noTice501 阅读(2349) | 评论 (0) 编辑

android UI进阶之style和theme的使用

摘要: 今天来和大家分享一下android中UI设计里面常会用到的style和theme。首先，style和theme都是资源，android提供了很多这样的默认资源。你可以来使用它们。同时你也可以自己定义style和theme。这非常的简单，只需要在res/values/这个路径里面新建一个.xml文件，而且他的根节点必须是<resources>.对每一个style和theme，给<style>element增加一个全局唯一的名字，也可以选择增加一个父类属性，我们写的style和theme就会继承这个父类的属性。style和theme的定义格式相同。不过style是针对view来说的，比如TextV阅读全文

posted @ 2011-02-01 17:13 noTice501 阅读(5461) | 评论 (1) 编辑

android UI进阶之仿iphone的tab效果（二）

摘要: 今天把这个仿iphone效果的tab写完，这个例子参考国外rolle3k共享的代码，感谢rolle3k。上篇博客我们写了一个Itab类，介绍了背景的绘制和简单的一个图的贴图方法。我们继续来完成Itab这个类，同时把他放到MainAcitvity（继承Activity）这个类内部，这样，整个程序只需一个类就可以了。（上篇博客例子运行需要再建一个Activity的子类来作为lanucher）。废话不多说了，看看代码[代码]这是MainActivity这个类里面的两个static类，看我写的注释和上篇博客的内容应该都能理解。其中还定义了触摸事件，实现点击tab出现不同布局的效果。接下来我们只需要在我阅读全文

posted @ 2011-01-30 13:41 noTice501 阅读(6461) | 评论 (6) 编辑

android UI进阶之仿iphone的tab效果

摘要: 相信很多人都喜欢iphone 酷炫的界面，虽然android的原生控件已经足够漂亮，但是往往不能满足用户越来越挑剔的眼光。其实，我们完全可以自己来绘制界面。今天我就来分享下做一个和iphone一样的tab界面。下面先来看下iphone上的效果在开始之前，我们必须掌握最基础的，也就是android中图形界面的绘制。首先讲下简单图形的绘制，这里我们就借绘制这个的背景部分来讲下吧。直接看代码代码在xml中这样配置代码这样就会得到如下的效果，这显然不是我们想要的。不过别着急，我们只要在onDraw()这个方法里面添加如下一段代码：代码通过循环的绘制，我们就可以得到如下的效果是不是很简单呢。图形绘制中还阅读全文

posted @ 2011-01-29 15:17 noTice501 阅读(6344) | 评论 (7) 编辑

android UI进阶之android中隐藏的layout 抽屉的运用

摘要: 最近在写一个应用，想把设置页面和应用页面放在一起，这样就能实现用户可以实时看到自己的设置对UI的影响，从而更方便的设置用户喜欢的界面。想了一段时间，发现用slidingDrawer这个控件可以实现这个效果。也就是一个抽屉。拉开抽屉，占据半个屏幕，另外半个屏幕还是显示应用页面。效果还是不错的。今天就和大家分享一下android中这个抽屉效果。其实在android的lanucher就是一个抽屉，打开它就可以看到安装的应用。相信大家都见过用过。下面我们就来做个相同的效果，当然只是UI上差不多相同的效果。slidingDrawer这个控件使用非常简单，基本在xml里面配置就可以。代码如下所示。<?xm阅读全文