android UI进阶之用【转】

摘要: 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) 编辑
摘要: 今天继续和大家分享涉及到listview的内容。在很多时候,我们会用到listview和checkbox配合来提供给用户一些选择操作。比如在一个清单页面,我们需要记录用户勾选了哪些条目。这个的实现并不太难,但是有很多朋友来问我如何实现,他们有遇到各种各样的问题,这里就一并写出来和大家一起分享。ListView的操作就一定会涉及到item和Adapter,我们还是先来实现这部分内容。首先,写个item的xml布局,里面放置一个TextView和一个CheckBox。要注意的时候,这里我设置了CheckBox没有焦点,这样的话,无法单独点击checkbox,而是在点击listview的条目后,Ch阅读全文
posted @ 2012-02-17 10:42 noTice501 阅读(4691) | 评论 (17) 编辑
摘要: 上篇博文和大家分享了下拉刷新,这是一个用户体验非常好的操作方式。新浪微薄就是使用这种方式的典型。还有个问题,当用户从网络上读取微薄的时候,如果一下子全部加载用户未读的微薄这将耗费比较长的时间,造成不好的用户体验,同时一屏的内容也不足以显示如此多的内容。这时候,我们就需要用到另一个功能,那就是listview的分页了。通过分页分次加载数据,用户看多少就去加载多少。通常这也分为两种方式,一种是设置一个按钮,用户点击即加载。另一种是当用户滑动到底部时自动加载。今天我就和大家分享一下这个功能的实现。首先,写一个xml文件,moredata.xml,该文件即定义了放在listview底部的视图:<阅读全文
posted @ 2012-02-10 11:26 noTice501 阅读(6241) | 评论 (7) 编辑
摘要: 关于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) 编辑
摘要: 欢迎转载,转载请注明出处!否则将追究法律责任!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) 编辑
摘要: 好久没写博客了。实在是忙不过来,不过再不总结总结真的不行了。慢慢来吧,有好多需要去总结的,博客里还是记录ui方面的。今天和大家分享下组合控件的使用。很多时候android自定义控件并不能满足需求,如何做呢?很多方法,可以自己绘制一个,可以通过继承基础控件来重写某些环节,当然也可以将控件组合成一个新控件,这也是最方便的一个方法。今天就来介绍下如何使用组合控件,将通过两个实例来介绍。第一个实现一个带图片和文字的按钮,如图所示:整个过程可以分四步走。第一步,定义一个layout,实现按钮内部的布局。代码如下:<?xml version="1.0" encoding=&quo阅读全文
posted @ 2011-08-07 23:01 noTice501 阅读(2967) | 评论 (1) 编辑
摘要: 上一篇博客中介绍了布局优化的工具,层级观察器Hierarchy Viewer和布局优化分析工具layoutopt。如果看过上篇博客的会注意到,layoutopt工具提示可以将<FrameLayout/>换成<merge/>。其实<merge/>标签在UI的结构优化中起着非常重要的作用,通过它可以删减多余的层级,达到优化UI的目的。 再来看一下上篇博客中使用的框架布局的树形结构图:根节点和LinearLayout上面那个子树为android的窗口布局,后面的TextView即为标签。黄色框内的这部分树形图即为我们的布局。可以发现红色框出的FrameLayout阅读全文
posted @ 2011-04-12 13:59 noTice501 阅读(2572) | 评论 (1) 编辑
摘要: 欢迎转载,但是请保留出处。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) 编辑
摘要: 今天还是来讲下Tab的实现。android自带的Tab在有比较多条目的时候会显得非常挤,这样不仅不美观,更加影响操作。如果Tab能做成左右滑动的,那就非常好了。其实实现这种效果并不难,而且方法也不少。今天给大家介绍下用gallery这个组件来实现的方法。 首先我们需要写Gallery的适配器。这里我们要注意的是Gallery有一个特点,就是起始一个元素的左边会留下一块空位,如下图所示: 这样我们的Tab显然不是很完美,如何解决?开始想的就是去看gallery的源码,重写他。不过既然我们做的是滑动的,让他左右都可滑动不就ok了?要实现左右滑动,要做的事情就是让里面的元素循环。Gall...阅读全文
posted @ 2011-03-09 16:13 noTice501 阅读(9316) | 评论 (1) 编辑
摘要: 其实这是第二遍写这篇博客……浏览器崩溃了。。。我还以为博客园和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设计中常要用到的可延伸图像。除了最基本的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。首先,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) 编辑
摘要: 今天把这个仿iphone效果的tab写完,这个例子参考国外rolle3k共享的代码,感谢rolle3k。上篇博客我们写了一个Itab类,介绍了背景的绘制和简单的一个图的贴图方法。我们继续来完成Itab这个类,同时把他放到MainAcitvity(继承Activity)这个类内部,这样,整个程序只需一个类就可以了。(上篇博客例子运行需要再建一个Activity的子类来作为lanucher)。废话不多说了,看看代码[代码]这是MainActivity这个类里面的两个static类,看我写的注释和上篇博客的内容应该都能理解。其中还定义了触摸事件,实现点击tab出现不同布局的效果。接下来我们只需要在我阅读全文
posted @ 2011-01-30 13:41 noTice501 阅读(6461) | 评论 (6) 编辑
摘要: 相信很多人都喜欢iphone 酷炫的界面,虽然android的原生控件已经足够漂亮,但是往往不能满足用户越来越挑剔的眼光。其实,我们完全可以自己来绘制界面。今天我就来分享下做一个和iphone一样的tab界面。下面先来看下iphone上的效果在开始之前,我们必须掌握最基础的,也就是android中图形界面的绘制。首先讲下简单图形的绘制,这里我们就借绘制这个的背景部分来讲下吧。直接看代码代码在xml中这样配置代码这样就会得到如下的效果,这显然不是我们想要的。不过别着急,我们只要在onDraw()这个方法里面添加如下一段代码:代码通过循环的绘制,我们就可以得到如下的效果是不是很简单呢。图形绘制中还阅读全文
posted @ 2011-01-29 15:17 noTice501 阅读(6344) | 评论 (7) 编辑
摘要: 最近在写一个应用,想把设置页面和应用页面放在一起,这样就能实现用户可以实时看到自己的设置对UI的影响,从而更方便的设置用户喜欢的界面。想了一段时间,发现用slidingDrawer这个控件可以实现这个效果。也就是一个抽屉。拉开抽屉,占据半个屏幕,另外半个屏幕还是显示应用页面。效果还是不错的。今天就和大家分享一下android中这个抽屉效果。其实在android的lanucher就是一个抽屉,打开它就可以看到安装的应用。相信大家都见过用过。下面我们就来做个相同的效果,当然只是UI上差不多相同的效果。slidingDrawer这个控件使用非常简单,基本在xml里面配置就可以。代码如下所示。<?xm阅读全文
posted @ 2013-06-17 15:28  火腿骑士  阅读(183)  评论(0编辑  收藏  举报