Question

我正在搜索如何更改点击后的gridview项目的背景颜色，然后再返回正常颜色

我希望当我点击时，我的gridview项目的背景颜色为橙色，然后在短时间后，背景再次变为白色。

这是我发现的但“设备”未知。

e.View.SetBackgroundColor(Color.White);
Device.StartTimer(TimeSpan.FromSeconds(0.25), () =>
{
    e.View.SetBackgroundColor(Color.Orange);
    return false;
});

我试过了：

1）通过在值

中创建colors.xml来定义颜色

<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="pressed_color">#972234</color>
<color name="default_color">#000000</color>
</resources>

2）在drawable

中创建bg_key.xml

<?xml version="1.0" encoding="utf-8" ?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
  android:state_selected="true"
  android:drawable="@color/pressed_color"/>
<item
  android:state_pressed="true"
  android:drawable="@color/pressed_color"/>
<item
  android:drawable="@color/default_color" />
</selector>

3）将android：listSelector和listSelector设置为GridView

<GridView xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@+id/gridview"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:columnWidth="90dp"
      android:numColumns="auto_fit"
      android:verticalSpacing="10dp"
      android:horizontalSpacing="10dp"
      android:stretchMode="columnWidth"
      android:gravity="center" 

      android:listSelector="@drawable/bg_key"
      android:background="@color/default_color"

      />

它正在我的侧面菜单上工作但不在我的gridview上...我的网格视图是由ImageView和TextView组成的问题吗？

另外，我应该更改（对于我的侧边菜单）更改字体颜色而不是背景颜色？

Answer 1

您无法使用Device - 类，因为它仅适用于Xamarin.Forms而非原生Xamarin。

但是你可以使用System.Timers.Timer类在一段时间后改变颜色：

var t = new System.Timers.Timer();
t.Interval = 250;   // In miliseconds
t.Elapsed += (sender, args) =>
{
    // Change color back on the UI-Thread
    RunOnUiThread(() =>
    {
        e.View.SetBackgroundColor(Color.Orange);        
    });

};
t.Start();

重要提示：Elapsed - 活动为NOT invoked on the UI-Thread。因此，要在UI上更改某些内容（就像您的背景颜色一样），您需要在UI-Thread上执行此操作。

Answer 2

Device.StartTimer在Xamarin.Forms中用于使用设备时钟功能启动定期计时器。它没有原生版本。

我更喜欢你可以制作自定义风格。

试试这个：

1）通过在colors.xml

中创建values来定义颜色

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <color name="pressed_color">#972234</color>
  <color name="default_color">#000000</color>
</resources>

2）在bg_key.xml

中创建drawable

<?xml version="1.0" encoding="utf-8" ?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item
      android:state_selected="true"
      android:drawable="@color/pressed_color"/>
  <item
      android:state_pressed="true"
      android:drawable="@color/pressed_color"/>
  <item
      android:drawable="@color/default_color" />
</selector>

3）将android:listSelector和listSelector设置为GridView

<GridView xmlns:android="http://schemas.android.com/apk/res/android"
          android:id="@+id/gridview"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:columnWidth="90dp"
          android:numColumns="auto_fit"
          android:verticalSpacing="10dp"
          android:horizontalSpacing="10dp"
          android:stretchMode="columnWidth"
          android:gravity="center" 

          android:listSelector="@drawable/bg_key"
          android:background="@color/default_color"

          />

Answer 3

这是我的代码：

Main.axml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#EBEAEF">
<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?attr/actionBarSize"
    android:paddingLeft="5dp"
    android:background="#282059"
    android:title="test"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Dark" />
<android.support.v4.widget.DrawerLayout
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">
<!-- The Main Content View -->
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
        <ImageView
            android:id="@+id/logoBackgroud"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:src="@drawable/icon_background" />
        <GridView
            android:id="@+id/grid_view_image_text"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:columnWidth="350dp"
            android:layout_margin="10dp"
            android:gravity="center"
            android:numColumns="auto_fit" />
    </RelativeLayout>

gridview.axml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#EBEAEF">
<RelativeLayout
    android:layout_height="90dp"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_margin="25dp"
    android:listSelector="@drawable/bg_key"
    android:background="#F4F4F6">
<!-- Letter yellow color = #FAB322  -->
    <TextView
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:layout_width="95dp"
        android:layout_height="fill_parent"
        android:textSize="66sp"
        android:textColor="#0071CF"
        android:background="@color/white"
        android:layout_centerVertical="true"
        android:layout_gravity="left"
        android:gravity="center_vertical|center_horizontal"
        android:text="A"
        android:paddingBottom="5dp"
        android:id="@+id/textViewLetter" />
    <TextView
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:paddingLeft="15dp"
        android:layout_toRightOf="@+id/textViewLetter"
        android:layout_centerVertical="true"
        android:layout_marginRight="35dp"
        android:textSize="22sp"
        android:gravity="center_vertical"
        android:background="#F4F4F6"
        android:textColor="#262057"
        android:textStyle="bold"
        android:listSelector="@drawable/bg_key"
        android:id="@+id/textViewFileName" />
    <ImageView
        android:layout_width="35dp"
        android:layout_height="wrap_content"
        android:paddingTop="5dp"
        android:layout_alignParentRight="true"
        android:id="@+id/imageViewIcon" />
</RelativeLayout>
</LinearLayout>

Xamarin Android：单击

3 个答案: