Ⅰ android 下拉滚动页面怎么实现
以下是我自己花功夫编写了一种非常简单的下拉刷新实现方案，现在拿出来和大家分享一下。相信在阅读完本篇文章之后，大家都可以在自己的项目中一分钟引入下拉刷新功能 最近项目中需要用到ListView下拉刷新的功能，一开始想图省事，在网上直接找一个现成的，可是尝试了网上多个版本的下拉刷新之后发现效果都不 怎么理想。有些是因为功能不完整或有Bug，有些是因为使用起来太复杂，十全十美的还真没找到。因此我也是放弃了在网上找现成代码的想法，自己花功夫编写 了一种非常简单的下拉刷新实现方案，现在拿出来和大家分享一下。相信在阅读完本篇文章之后，大家都可以在自己的项目中一分钟引入下拉刷新功能。 首先讲一下实现原理。这里我们将采取的方案是使用组合View的方式，先自定义一个布局继承自LinearLayout，然后在这个布局中加入下拉 头和ListView这两个子元素，并让这两个子元素纵向排列。初始化的时候，让下拉头向上偏移出屏幕，这样我们看到的就只有ListView了。然后对 ListView的touch事件进行监听，如果当前ListView已经滚动到顶部并且手指还在向下拉的话，那就将下拉头显示出来，松手后进行刷新操 作，并将下拉头隐藏。原理示意图如下： 那我们现在就来动手实现一下，新建一个项目起名叫PullToRefreshTest，先在项目中定义一个下拉头的布局文件pull_to_refresh/apk/res/android" xmlns:tools="schemas/tools" android:id="@+id/pull_to_refresh_head" android:layout_width="fill_parent" android:layout_height="60dip" > <LinearLayout android:layout_width="200dip" android:layout_height="60dip" android:layout_centerInParent="true" android:orientation="horizontal" > <RelativeLayout android:layout_width="0dip" android:layout_height="60dip" android:layout_weight="3" > <ImageView android:id="@+id/arrow" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:src="@drawable/arrow" /> <ProgressBar android:id="@+id/progress_bar" android:layout_width="30dip" android:layout_height="30dip" android:layout_centerInParent="true" android:visibility="gone" /> </RelativeLayout> <LinearLayout android:layout_width="0dip" android:layout_height="60dip" android:layout_weight="12" android:orientation="vertical" > <TextView android:id="@+id/description" android:layout_width="fill_parent" android:layout_height="0dip" android:layout_weight="1" android:gravity="center_horizontalbottom" android:text="@string/pull_to_refresh" /> <TextView android:id="@+id/updated_at" android:layout_width="fill_parent" android:layout_height="0dip" android:layout_weight="1" android:gravity="center_horizontaltop" android:text="@string/updated_at" /> </LinearLayout> </LinearLayout> </RelativeLayout> 在这个布局中，我们包含了一个下拉指示箭头，一个下拉状态文字提示，和一个上次更新的时间。当然，还有一个隐藏的旋转进度条，只有正在刷新的时候我们才会将它显示出来。 布局中所有引用的字符串我们都放在stringsmit(); new HideHeaderTask()/apk/res/android" xmlns:tools="schemas/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" > <com.example.pulltorefreshtest.RefreshableView android:id="@+id/refreshable_view" android:layout_width="fill_parent" android:layout_height="fill_parent" > <ListView android:id="@+id/list_view" android:layout_width="fill_parent" android:layout_height="fill_parent" > </ListView> </com.example.pulltorefreshtest.RefreshableView> </RelativeLayout> 可以看到，我们在自定义的RefreshableView中加入了一个ListView，这就意味着给这个ListView加入了下拉刷新的功能，就是这么简单！ 然后我们再来看一下程序的主Activity，打开或新建MainActivity，加入如下代码： 复制代码 代码如下: public class MainActivity extends Activity { RefreshableView refreshableView; ListView listView; ArrayAdapter<String> adapter; String[] items = { "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L" }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); refreshableView = (RefreshableView) findViewById(R.id.refreshable_view); listView = (ListView) findViewById(R.id.list_view); adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, items); listView.setAdapter(adapter); refreshableView.setOnRefreshListener(new PullToRefreshListener() { @Override public void onRefresh() { try { Thread.sleep(3000); } catch (InterruptedException e) { e.printStackTrace(); } refreshableView.finishRefreshing(); } }, 0); } } 可 以看到，我们通过调用RefreshableView的setOnRefreshListener方法注册了一个监听器，当ListView正在刷新时就 会回调监听器的onRefresh方法，刷新的具体逻辑就在这里处理。而且这个方法已经自动开启了线程，可以直接在onRefresh方法中进行耗时操 作，比如向服务器请求最新数据等，在这里我就简单让线程睡眠3秒钟。另外在onRefresh方法的最后，一定要调用RefreshableView中的 finishRefreshing方法，这个方法是用来通知RefreshableView刷新结束了，不然我们的ListView将一直处于正在刷新的 状态。 不知道大家有没有注意到，setOnRefreshListener这个方法其实是有两个参数的，我们刚刚也是传入了一个不起眼的 0。那这第二个参数是用来做什么的呢？由于RefreshableView比较智能，它会自动帮我们记录上次刷新完成的时间，然后下拉的时候会在下拉头中 显示距上次刷新已过了多久。这是一个非常好用的功能，让我们不用再自己手动去记录和计算时间了，但是却存在一个问题。如果当前我们的项目中有三个地方都使 用到了下拉刷新的功能，现在在一处进行了刷新，其它两处的时间也都会跟着改变！因为刷新完成的时间是记录在配置文件中的，由于在一处刷新更改了配置文件， 导致在其它两处读取到的配置文件时间已经是更改过的了。那解决方案是什么？就是每个用到下拉刷新的地方，给setOnRefreshListener方法 的第二个参数中传入不同的id就行了。这样各处的上次刷新完成时间都是单独记录的，相互之间就不会再有影响。 好了，全部的代码都在这里了，让我们来运行一下，看看效果吧。 效果看起来还是非常不错的。我们最后再来总结一下，在项目中引入ListView下拉刷新功能只需三步： 1. 在Activity的布局文件中加入自定义的RefreshableView，并让ListView包含在其中。 2. 在Activity中调用RefreshableView的setOnRefreshListener方法注册回调接口。 3. 在onRefresh方法的最后，记得调用RefreshableView的finishRefreshing方法，通知刷新结束。 从此以后，在项目的任何地方，一分钟引入下拉刷新功能妥妥的。 好了，今天的讲解到此结束，有疑问的朋友请在下面留言。 源码下载，请点击这里
Ⅱ Android涔嬩笅𨰾夋嗛夋嫨浣跨敤绀轰緥
鍦ˋndroid寮鍙戜腑锛屽垱寤轰竴涓鐩磋备笖锷熻兘涓板瘜镄勪笅𨰾夋嗭纸Spinner锛夋槸镊冲叧閲嶈佺殑銆傝╂垜浠阃愭ユ帰绱㈠备綍鍦╔ML甯冨眬鍜孞ava浠ｇ爜涓瀹炵幇杩欎釜锷熻兘锛屼互鍙婂备綍鐩戝惉阃変腑椤瑰拰镊瀹氢箟阃傞厤鍣ㄤ互婊¤冻澶嶆潅闇姹伞
棣栧厛锛岃╂垜浠鍦╔ML甯冨眬鏂囦欢涓瀹氢箟Spinner鍜屼竴涓锘虹镄勯傞厤鍣ㄣ傚湪<Spinner>鍏幂礌涓锛岃剧疆鍏跺藉害鍜岄珮搴︿负镊阃傚簲锛
```xml
<Spinner
android:id="@+id/spinner"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
```
鎺ヤ笅𨱒ワ纴鐢↗ava浠ｇ爜𨱒ュ炲己杩欎釜缁勪欢銆傚湪浣犵殑Activity鎴朏ragment涓锛岄氲繃findViewById()銮峰彇Spinner瀹炰緥锛岀劧钖庤剧疆涓涓狝rrayAdapter锛屼娇鐢ˋrrayAdapter镄勬瀯阃犲嚱鏁颁紶鍏ヤ笂涓嬫枃銆佸竷灞璧勬簮鍜屾暟鎹锛
```java
import ... ArrayAdapter;
ArrayAdapter spinnerAdapter;
List data = Arrays.asList("阃夐”1", "阃夐”2", "阃夐”3");
spinner = findViewById(R.id.spinner);
spinnerAdapter = new ArrayAdapter>(this, android.R.layout.simple_spinner_item, data);
spinnerAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
spinner.setAdapter(spinnerAdapter);
```
纭淇濅綘镄勯傞厤鍣ㄨ兘澶熸樉绀哄氭牱鍖栫殑鏁版嵁鍜岃嚜瀹氢箟甯冨眬锛岃繖镙蜂綘鍙浠ユ牴鎹闇瑕佽皟鏁翠笅𨰾夋嗙殑澶栬伞
褰扑綘甯屾湜鐢ㄦ埛鍦ㄤ笅𨰾夋嗕腑杩涜岄夋嫨镞讹纴闇瑕佷负Spinner璁剧疆涓涓鐩戝惉鍣ㄣ傚湪onCreate()鏂规硶涓锛屽疄鐜疠nItemSelectedListener鎺ュ彛锛屼互鍝嶅簲阃変腑椤圭殑鏀瑰彉锛
```java
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView parent, View view, int position, long id) {
String selectedValue = spinnerAdapter.getItem(position);
Toast.makeText(MainActivity.this, "阃夋嫨镄勫: " + selectedValue, Toast.LENGTH_SHORT).show();
}
@Override
public void onNothingSelected(AdapterView parent) {
// 镞犻変腑椤瑰勭悊
}
});
}
```
瑕佷富锷ㄨ幏鍙栭変腑镄勫硷纴浣犲彲浠ョ洿鎺ヨ皟鐢╯pinner.getSelectedItem()銮峰彇鏂囨湰锛屾垨钥呬娇鐢╯pinner.getSelectedItemPosition()銮峰彇浣岖疆銆傚姟蹇呭勭悊镞犻変腑椤圭殑杈圭紭𨱍呭喌锛
```java
int currentPosition = spinner.getSelectedItemPosition();
String selectedItem = (currentPosition != AdapterView.INVALID_POSITION) ? spinner.getSelectedItem() : null;
```
涓轰简鍒濆嫔寲榛樿ら変腑椤癸纴浣犲彲浠ヨ剧疆setSelection()锛屾瘆濡傚皢绗浜屼釜阃夐”璁剧疆涓洪粯璁わ细
```java
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
spinner.setSelection(1);
}
});
```
杩欐牱锛屼綘涓崭粎鍒涘缓浜嗕竴涓锘烘湰镄勪笅𨰾夋嗭纴杩樻坊锷犱简鐢ㄦ埛浜や簰鍜岄変腑椤圭殑鐩戝惉銆傝嚜瀹氢箟阃傞厤鍣ㄥ厑璁镐綘镙规嵁闇瑕佸𪾢绀哄嶆潅鏁版嵁锛岃岀洃钖鍣ㄥ垯纭淇濅简阃夋嫨浜嬩欢镄勫勭悊銆傚湪瀹为檯椤圭洰涓锛岃板缑镙规嵁搴旂敤闇姹傚瑰竷灞銆佹牱寮忓拰鏁版嵁杩涜岃皟鏁达纴浠ユ彁鍗囩敤鎴蜂綋楠屻
Ⅲ 【Android】打造下拉放大效果
在其他App上看到了这样的一个效果，感觉有点意思，于是决定实现一个类似的效果。
（ 其实是iOS的同学在实现功能的时候随意发挥了一下 ）
效果大概值这样子的：
UI看完后
“这个效果不错啊”
“要不你们Android也么做？” 于是~~
作为一个有追求的程序员，决定也要实现一个这样的效果 （满脑子都是草泥马在奔腾）
这样的效果嘛~~
利用自定义的 ViewGroup ，通过对手势的处理，应该就能实现了吧？
主要应该分两部分：
比较麻烦的应该是在第一部分，需要对事件的分发有一些理解。
说到手势的判断，难免需要对事件分发进行处理。
下拉部分
1、在 onInterceptTouchEvent 中对事件进行处理，如果为下拉事件，则将该事件拦截，交给 onTouchEvent 处理；
2、在 onTouchEvent 中通过计算得到下拉的距离，然后动态改变 Header 的配置，实现放大的效果。
重置部分
在 onTouchEvent 的 ACTION_UP 中重置 Header ，实现回弹
知道思路以后，实现起来就比较简单了
创建一个 ViewGroup （这么命名为 FlexibleLayout ）继承 LinearLayout 。
onInterceptTouchEvent的处理
先通过两个条件判断是否为下拉事件：
然后通过 mIsBeingDragged 来标记开始拖拽
onTouchEvent的处理
修改头部大小
得到下拉的距离后，就可以来改变 Header 的大小，实现放大效果了。
放大、重置的部分大家可以自由发挥
这里利用 Math.pow(offsetY, 0.8) 得到实际需要增加的高度，通过计算得到对应的宽度以及偏移（类似阻尼效果）。
重置头部
直接将宽高以及偏移设置成原来的参数即可。
（如果觉得这样重置过程不够丝滑，可以通过动画来完成一个流畅的重置效果，这里就不演示了）
到这里，一个简易拉下放大的效果就做完了。试试效果
使用
直接在需要下拉放大的布局外面套上 FlexibleLayout 即可，例如 ScrollView
效果
ScrollVIew：
RecyclerView：
CoordinatorLayout:
大功告成！！！
当然里面还有一些细节的处理，比如下拉的条件、回弹的动画、最大高度等，具体内容的可以在 源码 中看到。
完成下拉放大后，貌似把一个很重要的功能遗忘了下拉刷新 ？？
光顾这下拉放大，刷新怎么办？【黑人问号】
这个功能留着下周实现吧，我的7小时睡眠已遥遥无期~~
虽然没有直接实现下拉刷新的功能，不过源码中已经暴露了一个下拉的监听，你也可以通过这个监听实现下拉刷新的操作
到这里就结束了
（来还上周欠下的债~~）
和下拉放大类似，通过希手指下滑的监听，利用 View 的 translationY 和 rotation 实现移动和旋转。
具体的实现过程这里就不贴出来了，直接看效果吧
有兴趣的可以直接去 Github 上看源码以及用法。
Github
PullZoomView
Android事件分发机制 详解攻略，您值得拥有