当前位置: 编程技术>移动开发
本页文章导读:
▪ViewFlipper的运用 ViewFlipper的使用
屏幕切换指的是在同一个Activity内屏幕见的切换,最长见的情况就是在一个FrameLayout内有多个页面,比如一个系统设置页面;一个个性化设置页面。
通过查看OPhone API文档可以.........
▪ 从一个url中取得文本信息(转) 从一个url中获得文本信息(转)
有时候你可能需要从一个url中获取一个文本文件中的信息。 下面的例子会从我的博客页面下载大量的html信息。
-(void) readFromURL{
NSError *error;
NSURL *ur.........
▪ 自定义 AdapterView 格局 自定义 AdapterView 布局
何谓 AdapterView 以前有说过 就是如下几个View:
写道
ListView Gallery GridView Spinner
至于布局 系统已经为我们定义了一下 比如:
android.R.layout.simple_list_item_1
android.R.layout.s.........
[1]ViewFlipper的运用
来源: 互联网 发布时间: 2014-02-18
ViewFlipper的使用
通过查看OPhone API文档可以发现,有个android.widget.ViewAnimator类继承至FrameLayout,ViewAnimator类的作用是为FrameLayout里面的View切换提供动画效果。该类有如下几个和动画相关的函数:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ViewFlipper android:id="@+id/details"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:persistentDrawingCache="animation"
android:flipInterval="1000"
android:inAnimation="@anim/push_left_in"
android:outAnimation="@anim/push_left_out"
>
<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<Button
android:text="Next"
android:id="@+id/Button_next1"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
</Button>
<ImageView
android:id="@+id/image1"
android:src="/blog_article/@drawable/dell1/index.html"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
</ImageView>
</LinearLayout>
<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<Button
android:text="Next"
android:id="@+id/Button_next2"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
</Button>
<ImageView
android:id="@+id/image2"
android:src="/blog_article/@drawable/lg/index.html"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
</ImageView>
</LinearLayout>
<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<Button
android:text="Next"
android:id="@+id/Button_next3"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
</Button>
<ImageView
android:id="@+id/image3"
android:src="/blog_article/@drawable/lenovo/index.html"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
</ImageView>
</LinearLayout>
</ViewFlipper>
</LinearLayout>
res\anim\push_left_in.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:fromXDelta="100%p"
android:toXDelta="0"
android:duration="500"/>
<alpha
android:fromAlpha="0.0"
android:toAlpha="1.0"
android:duration="500" />
</set>
res\anim\push_left_out.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:fromXDelta="0"
android:toXDelta="-100%p"
android:duration="500"/>
<alpha
android:fromAlpha="1.0"
android:toAlpha="0.0"
android:duration="500" />
</set>
public class TestActivity extends Activity {
private ViewFlipper mViewFlipper;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
Button buttonNext1 = (Button) findViewById(R.id.Button_next1);
mViewFlipper = (ViewFlipper) findViewById(R.id.flipper);
buttonNext1.setOnClickListener(new View.OnClickListener() {
public void onClick(View view) {
//在layout中定义的属性,也可以在代码中指定
// mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_left_in);
// mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_left_out);
// mViewFlipper.setPersistentDrawingCache(ViewGroup.PERSISTENT_ALL_CACHES);
// mViewFlipper.setFlipInterval(1000);
mViewFlipper.showNext();
//调用下面的函数将会循环显示mViewFlipper内的所有View。
// mViewFlipper.startFlipping();
}
});
Button buttonNext2 = (Button) findViewById(R.id.Button_next2);
buttonNext2.setOnClickListener(new View.OnClickListener() {
public void onClick(View view) {
mViewFlipper.showNext();
}
});
Button buttonNext3 = (Button) findViewById(R.id.Button_next3);
buttonNext3.setOnClickListener(new View.OnClickListener() {
public void onClick(View view) {
mViewFlipper.showNext();
}
});
}
}
class TestActivity extends Activity implements OnGestureListener , OnDoubleTapListener
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
Log.d(tag, "...onFling...");
if(e1.getX() > e2.getX()) {//move to left
mViewFlipper.showNext();
}else if(e1.getX() < e2.getX()) {
mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_right_in);
mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_right_out);
mViewFlipper.showPrevious();
mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_left_in);
mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_left_out);
}else {
return false;
}
return true;
}
public boolean onDoubleTap(MotionEvent e) {
Log.d(tag, "...onDoubleTap...");
if(mViewFlipper.isFlipping()) {
mViewFlipper.stopFlipping();
}else {
mViewFlipper.startFlipping();
}
return true;
}
public GestureDetector(OnGestureListener listener) {
this(null, listener, null);
}
public GestureDetector(Context context, OnGestureListener listener, Handler handler) {
if (handler != null) {
mHandler = new GestureHandler(handler);
} else {
mHandler = new GestureHandler();
}
mListener = listener;
if (listener instanceof OnDoubleTapListener) {
setOnDoubleTapListener((OnDoubleTapListener) listener);
}
init(context);
屏幕切换指的是在同一个Activity内屏幕见的切换,最长见的情况就是在一个FrameLayout内有多个页面,比如一个系统设置页面;一个个性化设置页面。
通过查看OPhone API文档可以发现,有个android.widget.ViewAnimator类继承至FrameLayout,ViewAnimator类的作用是为FrameLayout里面的View切换提供动画效果。该类有如下几个和动画相关的函数:
l setInAnimation:设置View进入屏幕时候使用的动画,该函数有两个版本,一个接受单个参数,类型为android.view.animation.Animation;一个接受两个参数,类型为Context和int,分别为Context对象和定义Animation的resourceID。
- setOutAnimation: 设置View退出屏幕时候使用的动画,参数setInAnimation函数一样。
- showNext: 调用该函数来显示FrameLayout里面的下一个View。
- showPrevious: 调用该函数来显示FrameLayout里面的上一个View。
一般不直接使用ViewAnimator而是使用它的两个子类ViewFlipper和ViewSwitcher。ViewFlipper可以用来指定FrameLayout内多个View之间的切换效果,可以一次指定也可以每次切换的时候都指定单独的效果。该类额外提供了如下几个函数:
- isFlipping: 用来判断View切换是否正在进行
- setFilpInterval:设置View之间切换的时间间隔
- startFlipping:使用上面设置的时间间隔来开始切换所有的View,切换会循环进行
- stopFlipping: 停止View切换
ViewSwitcher 顾名思义Switcher特指在两个View之间切换。可以通过该类指定一个ViewSwitcher.ViewFactory 工程类来创建这两个View。该类也具有两个子类ImageSwitcher、TextSwitcher分别用于图片和文本切换。
在教程中通过示例介绍ViewFlipper 的使用,其他的使用方式是类似的。详细信息可以参考文档:
http://androidappdocs-staging.appspot.com/reference/android/widget/ViewAnimator.html
ViewFlipper示例
记住,ViewFlipper是继承至FrameLayout的,所以它是一个Layout里面可以放置多个View。在示例中定义一个ViewFlipper,里面包含三个ViewGroup作为示例的三个屏幕,每个ViewGroup中包含一个按钮和一张图片,点击按钮则显示下一个屏幕。代码如下(res\layout\main.xml):
view plaincopy to clipboardprint?
很简单,在Layout定义中指定动画的相关属性就可以了,通过persistentDrawingCache指定缓存策略;flipInterval指定每个View动画之间的时间间隔;inAnimation和outAnimation分别指定View进出使用的动画效果。动画效果定义如下:
view plaincopy to clipboardprint?
Activity代码如下(src\cc\c\TestActivity.java):
view plaincopy to clipboardprint?
通过手势移动屏幕
上面是通过屏幕上的按钮来在屏幕间切换的,这看起来多少有点不符合OPhone的风格,如果要是能通过手势的左右滑动来实现屏幕的切换就比较优雅了。
通过android.view.GestureDetector类可以检测各种手势事件,该类有两个回调接口分别用来通知具体的事件:
GestureDetector.OnDoubleTapListener:用来通知DoubleTap事件,类似于鼠标的双击事件,该接口有如下三个回调函数:
1. onDoubleTap(MotionEvent e):通知DoubleTap手势,
2. onDoubleTapEvent(MotionEvent e):通知DoubleTap手势中的事件,包含down、up和move事件(这里指的是在双击之间发生的事件,例如在同一个地方双击会产生DoubleTap手势,而在DoubleTap手势里面还会发生down和up事件,这两个事件由该函数通知);
3. onSingleTapConfirmed(MotionEvent e):用来判定该次点击是SingleTap而不是DoubleTap,如果连续点击两次就是DoubleTap手势,如果只点击一次,OPhone系统等待一段时间后没有收到第二次点击则判定该次点击为SingleTap而不是DoubleTap,然后触发SingleTapConfirmed事件。
GestureDetector.OnGestureListener:用来通知普通的手势事件,该接口有如下六个回调函数:
1. onDown(MotionEvent e):down事件;
2. onSingleTapUp(MotionEvent e):一次点击up事件;
3. onShowPress(MotionEvent e):down事件发生而move或则up还没发生前触发该事件;
4. onLongPress(MotionEvent e):长按事件;
5. onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY):滑动手势事件;
6. onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY):在屏幕上拖动事件。
这些事件有些定义的不太容易理解,在示例项目中实现了所有的回调函数,在每个函数中输出相关的日志,对这些事件不理解的可以运行项目,通过不同的操作来触发事件,然后观看logcat输出日志可有助于对这些事件的理解。
在上述事件中,如果在程序中处理的该事件就返回true否则返回false,在GestureDetector中也定义了一个SimpleOnGestureListener类,这是个助手类,实现了上述的所有函数并且都返回false。如果在项目中只需要监听某个事件继承这个类可以少些几个空回调函数。
要走上面的程序中添加滑动手势来实现屏幕切换的话,首先需要定义一个GestureDetector:
private GestureDetector mGestureDetector;
并在onCreate函数中初始化:
mGestureDetector = new GestureDetector(this);
参数是OnGestureListener,然后让TestActivity实现 OnGestureListener 和OnDoubleTapListener接口:
view plaincopy to clipboardprint?
然后在onFling函数中实现切换屏幕的功能:
view plaincopy to clipboardprint?
这里实现的功能是从右往左滑动则切换到上一个View,从左往右滑动则切换到下一个View,并且使用不同的in、out 动画使切换效果看起来统一一些。
然后在onDoubleTap中实现双击自动切换的效果,再次双击则停止:
view plaincopy to clipboardprint?
到这里手势代码就完成了,现在可以通过左右滑动切换View并且双击可以自动切换View。细心的读者这里可能会发现一个问题,上面在创建mGestureDetector 的时候使用的是如下代码:
mGestureDetector = new GestureDetector(this);
这里的参数为OnGestureListener,而且GestureDetector有个函数setOnDoubleTapListener来设置OnDoubleTapListener,在上面的代码中并没有设置OnDoubleTapListener,那么onDoubleTap事件是如何调用的呢?这里的玄机就要去探探 GestureDetector(OnGestureListener l)这个构造函数的源代码了:
view plaincopy to clipboardprint?
调用了另外一个构造函数:
view plaincopy to clipboardprint?
注意到listener instanceof OnDoubleTapListener没有?现在明白了吧。
1 楼
oh老好人
2010-08-25
博主
您好 正在研究您的这篇博文
我尝试在ViewFlipper里面嵌套一个LinearLayout LinearLayout里面有几个TextView和一个ListView
我想做的功能是 左右拖动的时候 ListView显示不同的数据
我 将LinearLayout放到了ViewFlipper里面 现在不停得报空指针异常
博主给点建议 或者博主有时间能帮我调试下
您好 正在研究您的这篇博文
我尝试在ViewFlipper里面嵌套一个LinearLayout LinearLayout里面有几个TextView和一个ListView
我想做的功能是 左右拖动的时候 ListView显示不同的数据
我 将LinearLayout放到了ViewFlipper里面 现在不停得报空指针异常
博主给点建议 或者博主有时间能帮我调试下
2 楼
jakend
2010-09-19
上下如何实现呢???
3 楼
wang_peng1
2010-09-20
请看置顶帖
4 楼
蓝月儿
2011-02-17
我的怎么实现不了呢,就显示第一个图片了 滑动也没啥效果
5 楼
JavaJ2me
2011-07-28
写的很好。
6 楼
zky314
2011-08-04
7 楼
chenfeng0104
2011-08-10
还要加个方法
@Override public boolean onTouchEvent(MotionEvent event) { return this.mGestureDetector.onTouchEvent(event); }
8 楼
Reizsoon
2011-10-10
楼主强悍,刚好要学这个,谢谢了
9 楼
zqwfd
2012-06-10
支持 好文章
[2] 从一个url中取得文本信息(转)
来源: 互联网 发布时间: 2014-02-18
从一个url中获得文本信息(转)
有时候你可能需要从一个url中获取一个文本文件中的信息。 下面的例子会从我的博客页面下载大量的html信息。
-(void) readFromURL{ NSError *error; NSURL *url = [NSURL URLWithString:@"https://blog.prosight.me/"]; NSString *content = [NSString stringWithContentsOfURL: url encoding:NSUTF8StringEncoding error:&error]; }主要是应用NSString的类方法:
+ (id)stringWithContentsOfURL:(NSURL *)url encoding:(NSStringEncoding)enc error:(NSError **)errorencoding可以为以下这些中的一种
enum { NSASCIIStringEncoding = 1, NSNEXTSTEPStringEncoding = 2, NSJapaneseEUCStringEncoding = 3, NSUTF8StringEncoding = 4, NSISOLatin1StringEncoding = 5, NSSymbolStringEncoding = 6, NSNonLossyASCIIStringEncoding = 7, NSShiftJISStringEncoding = 8, NSISOLatin2StringEncoding = 9, NSUnicodeStringEncoding = 10, NSWindowsCP1251StringEncoding = 11, NSWindowsCP1252StringEncoding = 12, NSWindowsCP1253StringEncoding = 13, NSWindowsCP1254StringEncoding = 14, NSWindowsCP1250StringEncoding = 15, NSISO2022JPStringEncoding = 21, NSMacOSRomanStringEncoding = 30, NSUTF16StringEncoding = NSUnicodeStringEncoding, NSUTF16BigEndianStringEncoding = 0×90000100, NSUTF16LittleEndianStringEncoding = 0×94000100, NSUTF32StringEncoding = 0×8c000100, NSUTF32BigEndianStringEncoding = 0×98000100, NSUTF32LittleEndianStringEncoding = 0×9c000100, };
[3] 自定义 AdapterView 格局
来源: 互联网 发布时间: 2014-02-18
自定义 AdapterView 布局
何谓 AdapterView 以前有说过 就是如下几个View:
写道
ListView
Gallery
GridView
Spinner
Gallery
GridView
Spinner
至于布局 系统已经为我们定义了一下 比如:
android.R.layout.simple_list_item_1 android.R.layout.simple_list_item_2 android.R.layout.simple_list_item_3 ...
但是系统肯定不能满足我们的需要 所以有时候我们得根据界面的需要自定义 这有2种方法:
1. 自定义BaseAdapter 并实现其 getView()
但是 有时候 我们要显示的数据源也是其支持的TextView 自定义BaseAdapter 好像有点舍本逐末了 得不偿失
2. 自定义界面 然后在Adapter中使用之
写道
Adapter 显示中 每一行就是一个View 你可以把这个View 定义成任何子布局
* 现在有程序要求显示3个TextView 假设该布局如下:simple_adapter_g3.xml
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:stretchColumns="0" android:padding="5dp"> <LinearLayout android:orientation="horizontal" > <TextView android:id="@+id/text1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="16sp" android:textColor="#FFC8FF" android:textitalic" /> <TextView android:id="@+id/text3" android:layout_width="wrap_content" android:layout_height="fill_parent" android:textSize="16sp" android:layout_marginLeft="50px" /> </LinearLayout> <TextView android:id="@+id/text2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="16sp" android:text/> </TableLayout>
* 如何使用
String[] from={COLUMN_1,COLUMN_2,COLUMN_3}; int[] to={R.id.text1,R.id.text2, R.id.text3}; SimpleAdapter adapter = new SimpleAdapter(this,people,R.layout.simple_adapter_g3,from,to);
* emulator 运行截图为:
最新技术文章: