ViewPager 其中一个page中的edittext,抢占另一个page页中的imageButton或者textView的焦点案例分析

最近项目中的注册功能时候遇到这么一个案例,困扰我了好一会儿,故此简单分析下期中的来龙去脉,以便加深自己的理解。

1.案例背景

如下图所示,图片有左至右为page1,page2。用户在第一个page,先通过手机号获取验证码;获取到验证码后跳转到输入验证码page。我使用ViewPager+fragment实现这两个页面以及之间的数据交互和页面之间的切换。

  

2.案例描述、问题推断和处理办法

我在page1,点击ibProtocol或tvProtocol均无响应事件;然而tvNext是有点击事件响应的。经资料查证推断是page2中的vcv的edittext抢占了上述两个控件的焦点。然后尝试在page2不可见的时候隐藏vcv,在page2可见的时候显示vcv,结果证实了我的推断。在page1可见的时候ibProtocol和tvProtocol成功处理了点击事件。

期间我尝试了对page1的xml中设置相应父布局的descendantfocusability属性也无济于事。另外page1中的tvNext始终能够相应点击事件而ibProtocol和tvProtocol不能,大致是它们的位置和page2中的vcv  的y轴方向上位置有重合。究其原因,尚不明确,希望有知道缘由的告知。

 

1.在build.gradle文件添加以下依赖项: ``` implementation 'androidx.viewpager2:viewpager2:1.0.0' ``` 2.在XML布局文件添加ViewPager2: ``` <androidx.viewpager2.widget.ViewPager2 android:id="@+id/viewPager2" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 3.创建一个Fragment类来表示每一的内容: ``` public class PageFragment extends Fragment { private int pageNumber; public PageFragment(int pageNumber) { this.pageNumber = pageNumber; } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_page, container, false); TextView textView = view.findViewById(R.id.textView); textView.setText("Page " + pageNumber); return view; } } ``` 4.创建一个FragmentStateAdapter类来管理ViewPager2的Fragment: ``` public class PagerAdapter extends FragmentStateAdapter { private int numPages; public PagerAdapter(FragmentActivity fa, int numPages) { super(fa); this.numPages = numPages; } @Override public Fragment createFragment(int position) { return new PageFragment(position); } @Override public int getItemCount() { return numPages; } } ``` 5.在MainActivity设置ViewPager2PagerAdapter: ``` ViewPager2 viewPager2 = findViewById(R.id.viewPager2); PagerAdapter pagerAdapter = new PagerAdapter(this, 3); // 3表示总viewPager2.setAdapter(pagerAdapter); ``` 这样,每一都会显示一个PageFragment,可以在PageFragment添加自己的布局和逻辑。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值