如何更新 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 中选定项目的样式?的主要内容,如果未能解决你的问题,请参考以下文章

无法在 viewpager 上获取选定选项卡的位置

选定的 WPF 列表框绑定仅更新视图中的项目

如何突出显示 Vuetify 菜单中的选定项目?

将样式应用于 kendoui listview 选定项目

Android,如何从我的数据库更新列表视图中的选定项目?

如何结合两个条件来覆盖数据网格的选定行样式?