如何更新 ViewPager 中选定项目的样式?
Posted
技术标签:
【中文标题】如何更新 ViewPager 中选定项目的样式?【英文标题】:How to update style of selected item inside ViewPager? 【发布时间】:2020-04-20 07:40:54 【问题描述】:我想更新 ViewPager 中所选项目的样式。 我该怎么做?
这是用户界面设计。如您所见,“十一月”标签被选中,因此相应的栏以黄色突出显示。
我实现这个的方式是一个带有自定义项(白色,未突出显示)的 ViewPager:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_
android:layout_>
<androidx.cardview.widget.CardView
android:layout_
android:layout_
android:layout_margin="0dp"
app:cardElevation="0dp"
app:cardBackgroundColor="@android:color/transparent">
<TextView
android:id="@+id/monthly_spend_month"
android:layout_
android:layout_
android:text="@string/December"
android:textColor="@color/aluminum"
android:textSize="20sp"
android:textStyle="normal"
android:layout_marginStart="22dp"
android:layout_marginTop="34dp"/>
<RelativeLayout
android:id="@+id/monthly_spend_card"
android:layout_marginTop="120dp"
android:layout_marginStart="22dp"
android:layout_
android:layout_
android:background="@drawable/monthlyspend_card_bg_inactive">
<TextView
android:id="@+id/monthly_spend_text"
android:textColor="@color/almost"
android:layout_marginTop="50dp"
android:layout_marginStart="22dp"
android:text="Total
spent"
android:textSize="@dimen/balanceDescTextSize"
android:layout_
android:layout_ />
<TextView
android:id="@+id/monthly_spend_amount"
android:textColor="@color/almost"
android:layout_marginTop="10dp"
android:layout_marginStart="22dp"
android:layout_below="@id/monthly_spend_text"
android:text="$ 254.98"
android:textSize="@dimen/balanceDescTextSize"
android:textStyle="bold"
android:layout_
android:layout_ />
</RelativeLayout>
</androidx.cardview.widget.CardView>
</LinearLayout>
我计划以编程方式进行突出显示。
这是一些适配器代码:
@NonNull
@Override
public Object instantiateItem(@NonNull ViewGroup container, int position)
layoutInflater = LayoutInflater.from(context);
View view = layoutInflater.inflate(R.layout.monthlyspend_item, container, false);
TextView monthlySpendMonth, monthlySpendAmount;
monthlySpendCard = view.findViewById(R.id.monthly_spend_card);
monthlySpendMonth = view.findViewById(R.id.monthly_spend_month);
monthlySpendAmount = view.findViewById(R.id.monthly_spend_amount);
monthlySpendMonth.setText(monthlySpendings.get(position).getMonth());
monthlySpendAmount.setText(monthlySpendings.get(position).getAmountSpent());
container.addView(view, 0);
return view;
任何帮助将不胜感激!
【问题讨论】:
【参考方案1】:我觉得你缺少点击监听器:
view.setOnClickListener(new OnClickListener()
public void onClick(View v)
// do you stuff here
);
((ViewPager)container).addView(view, 0)
在 instantiateItem() 中也将 int 位置设为最终位置。
【讨论】:
【参考方案2】:您应该在所选项目位置更改您的模型(在您的情况下为“monthlyspendings”)。
然后通知适配器
adapter.notifyDataSetChanged()
最后,根据模型自定义选择视图。例如:
if(monthlySpendings.get(position).isSelected) monthlySpendCard.setBackgroundColor(Color.parseColor("#fcd14b"));
【讨论】:
以上是关于如何更新 ViewPager 中选定项目的样式?的主要内容,如果未能解决你的问题,请参考以下文章