Android 图片点击放大缩小手势操作以及解决Viewpager左右滑动与ImageView手势冲突导致左右滑动失效问题

在我的项目中,有点击图片banner后放大浏览的功能。我的做法就是创建一个专门的图片显示Activity,布局里面用ViewPage,这样就能控制图片的左右滑动,并且控制首先显示第几张图片。功能是ok的,显示也是正常的。但我花费了好几天的时间来实现、完善这个功能。ShowMoreImageActivity/** * 图片放大 */public class ShowMoreImageActivity extends BaseActivity { @FindId(R.id.vp)
摘要由CSDN通过智能技术生成

Android 图片点击放大缩小手势操作以及解决Viewpager左右滑动与ImageView手势冲突导致左右滑动失效问题

在我的项目中,有点击图片banner后放大浏览的功能。我的做法就是创建一个专门的图片显示Activity,布局里面用ViewPage,这样就能控制图片的左右滑动,并且控制首先显示第几张图片。
功能是ok的,显示也是正常的。但我花费了好几天的时间来实现、完善这个功能。

ShowMoreImageActivity
/**
 * 图片放大
 */
public class ShowMoreImageActivity extends BaseActivity {
   

    @FindId(R.id.vp)
    private ViewPager vp;
    @FindId(R.id.ll_point)
    private LinearLayout ll_point;

    private List<String> imgs;
    @FindId(R.id.btn_save)
    private ImageView btn_save;

    private int index;

    public static int type;
    private Activity activity;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
   
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_show_more_image);
        initViews();
		activity = this;
    }

    private void initViews() {
   
        AutoFindId.findId(context);

        imgs = (ArrayList<String>) getIntent().getSerializableExtra("img");
        index = getIntent().getIntExtra("index", 0);

        type = getIntent().getIntExtra("type", 0);
        vp.setAdapter(new MoreImgPagerAdapter(context, imgs));


        vp.addOnPageChangeListener(new OnPageChangeListener() {
   
            @Override
            public void onPageSelected(int arg0) {
   
                index = arg0;
                setUpPoint(imgs.size(), arg0);
            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
   
            }

            @Override
            public void onPageScrollStateChanged(int arg0) {
   
            }
        });
        setUpPoint(imgs.size(), 0);

        vp.setCurrentItem(index);
    }

    protected void downLoad(final String urls) {
   
        String[] split = urls.split("\\?");
        final String url = split[0];
        if (url.startsWith("file")) {
   
            G.toast(context, "此为本地图片,不用下载,路径为" + url.replace("file://", ""));
            return;
        }

        if (OKHttpUtils.isNetworkAvailable(context)) {
   
            G.showPd(context);
            TDUtils.execute(new Runnable() {
   
                @Override
                public void run() {
   
                    try {
   
                        File file = new File(C.getDownloadPath());
                        if (!file.exists()) {
   
                            file.mkdir();
                        }
                        File jpg = new File(C.getDownloadPath() + G.urlToFileName(url));
                        // 如果已经存在则不需要下载
                        if (jpg != null && jpg.exists()) {
   
                            G.dismissProgressDialogInThread();

                            G.toastInThread(context,
                                    <
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用 Android 中的 ViewPager 来实现左右滑动翻页效果。ViewPager 是一个可滑动的控件,可以在多个页面之间进行切换。以下是实现步骤: 1. 在 layout 文件中添加 ViewPager 控件: ```xml <androidx.viewpager.widget.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 创建适配器类,继承自 FragmentPagerAdapter 或 FragmentStatePagerAdapter,用于管理 ViewPager 中的页面: ```java public class MyPagerAdapter extends FragmentPagerAdapter { private List<Fragment> mFragments; public MyPagerAdapter(FragmentManager fm, List<Fragment> fragments) { super(fm, BEHAVIOR_RESUME_ONLY_CURRENT_FRAGMENT); mFragments = fragments; } @Override public Fragment getItem(int position) { return mFragments.get(position); } @Override public int getCount() { return mFragments.size(); } } ``` 3. 创建多个 Fragment 作为 ViewPager 中的页面: ```java public class MyFragment extends Fragment { @Nullable @Override public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_my, container, false); // TODO: 初始化布局 return view; } } ``` 4. 将多个 Fragment 添加到适配器中: ```java List<Fragment> fragments = new ArrayList<>(); fragments.add(new MyFragment()); fragments.add(new MyFragment()); fragments.add(new MyFragment()); MyPagerAdapter adapter = new MyPagerAdapter(getSupportFragmentManager(), fragments); viewPager.setAdapter(adapter); ``` 5. (可选)设置页面切换动画: ```java viewPager.setPageTransformer(true, new ZoomOutPageTransformer()); ``` 以上就是实现左右滑动翻页效果的基本步骤。如果需要实现点击滑块左右滑动翻页效果,可以在布局文件中添加 TabLayout 控件,并将其与 ViewPager 绑定: ```xml <com.google.android.material.tabs.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="fill" app:tabMode="fixed" /> <androidx.viewpager.widget.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> <com.google.android.material.tabs.TabLayoutMediator android:id="@+id/tabLayoutMediator" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="fill" app:tabMode="fixed" app:viewPager="@id/viewPager" /> ``` 这样就可以实现点击滑块左右滑动翻页效果了。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值