Android中View跟随手指滑动效果的实例代码

本文讲述了Android中View跟随手指滑动效果的实例代码。分享给大家供大家参考,具体如下:

1、android View 主要6种滑动方法,分别是

  • layout()
  • offsetLeftAndRight()和offsetTopAndBottom()
  • LayoutParams
  • scrollBy()和 scrollTo()
  • Scroller
  • 动画

2、实现效果图

img

3、自定义中使用layout()方法实习view的滑动

代码语言:javascript

public class MoveView extends View { 
 private int lastX, lastY; 
 public MoveView(Context context, @Nullable AttributeSet attrs) { 
 super(context, attrs); 
 } 
 public MoveView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { 
 super(context, attrs, defStyleAttr); 
 } 
 public MoveView(Context context) { 
 super(context); 
 } 
 public boolean onTouchEvent(MotionEvent event) { 
 int x = (int) event.getX(); 
 int y = (int) event.getY(); 
 switch (event.getAction()) { 
 case MotionEvent.ACTION_DOWN: 
 lastX = x; 
 lastY = y; 
 break; 
 case MotionEvent.ACTION_MOVE: 
 int offsetX = x - lastX;//计算滑动的距离 
 int offsetY = y - lastY; 
 //重新放置新的位置 
 layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY); 
 } 
 return true; 
 } 
} 

2、offsetLeftAndRight()和offsetTopAndBottom()

代码语言:javascript

 public boolean onTouchEvent(MotionEvent event) { 
 int x = (int) event.getX(); 
 int y = (int) event.getY(); 
 switch (event.getAction()) { 
 case MotionEvent.ACTION_DOWN: 
 lastX = x; 
 lastY = y; 
 break; 
 case MotionEvent.ACTION_MOVE: 
 int offsetX = x - lastX;//计算滑动的距离 
 int offsetY = y - lastY; 
 //重新放置新的位置 
// layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY); 
 offsetLeftAndRight(offsetX); 
 offsetTopAndBottom(offsetY); 
 } 
 return true; 
 } 

3、LayoutParams 改变布局参数的方法:

代码语言:javascript

public boolean onTouchEvent(MotionEvent event) { 
 int x = (int) event.getX(); 
 int y = (int) event.getY(); 
 switch (event.getAction()) { 
 case MotionEvent.ACTION_DOWN: 
 lastX = x; 
 lastY = y; 
 break; 
 case MotionEvent.ACTION_MOVE: 
 int offsetX = x - lastX;//计算滑动的距离 
 int offsetY = y - lastY; 
 //重新放置新的位置 
// layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY); 
// offsetLeftAndRight(offsetX); 
// offsetTopAndBottom(offsetY); 
 LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams(); 
 layoutParams.leftMargin = getLeft()+offsetX; 
 layoutParams.topMargin = getTop() +offsetY; 
 setLayoutParams(layoutParams); 
 } 
 return true; 
 } 

4、当然使用动画 ,scrollBy()和 scrollTo()也可以使view滑动,不足的是使用scrollBy()和 scrollTo()滑动时,是瞬间完成的,用户体验不太好。

5、Scroller和 View的computeScroll() 结合使用,实现view平滑的移动

代码语言:javascript

public class MoveView extends View { 
 private Scroller mScroller; 
 public MoveView(Context context, @Nullable AttributeSet attrs) { 
 super(context, attrs); 
 mScroller = new Scroller(context); 
 } 
 public MoveView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { 
 super(context, attrs, defStyleAttr); 
 } 
 public MoveView(Context context) { 
 super(context); 
 } 
 //重写computeScroll方法 
 @Override 
 public void computeScroll() { //view在onDraw的时候会调用此方法 
 super.computeScroll(); 
 if (mScroller.computeScrollOffset()) { 
 ((View) getParent()).scrollTo(mScroller.getCurrX(), mScroller.getCurrY()); 
 invalidate(); 
 } 
 } 
 //在外部调用这个方法即可 
 public void smoothScrollTo(int destX, int destY) { 
 int scrollX = getScrollX(); 
 int delta = destX - scrollX; 
 mScroller.startScroll(scrollX, 0, delta,0 ,6000); 
 invalidate(); 
 } 
}

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,

更多Android进阶指南 可以扫码 解锁 《Android十大板块文档》

1.Android车载应用开发系统学习指南(附项目实战)

2.Android Framework学习指南,助力成为系统级开发高手

3.2024最新Android中高级面试题汇总+解析,告别零offer

4.企业级Android音视频开发学习路线+项目实战(附源码)

5.Android Jetpack从入门到精通,构建高质量UI界面

6.Flutter技术解析与实战,跨平台首要之选

7.Kotlin从入门到实战,全方面提升架构基础

8.高级Android插件化与组件化(含实战教程和源码)

9.Android 性能优化实战+360°全方面性能调优

10.Android零基础入门到精通,高手进阶之路

敲代码不易,关注一下吧。ღ( ´・ᴗ・` ) 🤔

  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的实现顶部滑动菜单的示例代码: 1. 创建一个名为 `TopMenuActivity` 的 Activity,并在布局文件添加一个 `ViewPager` 和一个 `TabLayout`: ```xml <android.support.design.widget.TabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabMode="scrollable" app:tabGravity="fill"/> <android.support.v4.view.ViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="match_parent"/> ``` 2. 创建一个名为 `TopMenuFragmentPagerAdapter` 的 FragmentPagerAdapter,用于管理顶部菜单的 Fragment: ```java public class TopMenuFragmentPagerAdapter extends FragmentPagerAdapter { private List<Fragment> mFragments; private List<String> mTitles; public TopMenuFragmentPagerAdapter(FragmentManager fm, List<Fragment> fragments, List<String> titles) { super(fm); mFragments = fragments; mTitles = titles; } @Override public Fragment getItem(int position) { return mFragments.get(position); } @Override public int getCount() { return mFragments.size(); } @Override public CharSequence getPageTitle(int position) { return mTitles.get(position); } } ``` 3. 创建一个名为 `TopMenuFragment` 的 Fragment,实现顶部菜单的布局和功能: ```java public class TopMenuFragment extends Fragment { private RecyclerView mRecyclerView; private TopMenuAdapter mAdapter; @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_top_menu, container, false); mRecyclerView = view.findViewById(R.id.recycler_view); mRecyclerView.setLayoutManager(new LinearLayoutManager(getContext())); mAdapter = new TopMenuAdapter(); mRecyclerView.setAdapter(mAdapter); return view; } private class TopMenuAdapter extends RecyclerView.Adapter<TopMenuViewHolder> { private List<String> mData = Arrays.asList("美食", "电影", "酒店", "KTV", "景点", "更多"); @Override public TopMenuViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_top_menu, parent, false); return new TopMenuViewHolder(view); } @Override public void onBindViewHolder(TopMenuViewHolder holder, int position) { holder.mTextView.setText(mData.get(position)); } @Override public int getItemCount() { return mData.size(); } } private class TopMenuViewHolder extends RecyclerView.ViewHolder { private TextView mTextView; public TopMenuViewHolder(View itemView) { super(itemView); mTextView = itemView.findViewById(R.id.text_view); } } } ``` 4. 在 `TopMenuActivity` 初始化 `ViewPager` 和 `TabLayout`,并设置 `TopMenuFragmentPagerAdapter` 为 `ViewPager` 的适配器: ```java public class TopMenuActivity extends AppCompatActivity { private ViewPager mViewPager; private TabLayout mTabLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_top_menu); mViewPager = findViewById(R.id.view_pager); mTabLayout = findViewById(R.id.tab_layout); List<Fragment> fragments = new ArrayList<>(); List<String> titles = new ArrayList<>(); for (int i = 0; i < 5; i++) { fragments.add(new TopMenuFragment()); titles.add("Tab " + (i + 1)); } mViewPager.setAdapter(new TopMenuFragmentPagerAdapter(getSupportFragmentManager(), fragments, titles)); mTabLayout.setupWithViewPager(mViewPager); } } ``` 这样就可以实现一个简单的顶部滑动菜单了。当用户滑动 `ViewPager` 时,`TabLayout` 的选项卡会自动切换,而 `TopMenuFragment` 的 RecyclerView 可以显示菜单项。你可以根据需要自定义菜单项的样式和功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值