时间戳

首页 > 解决方案 > 如何使用 xamarin 表单中的十六进制值以编程方式更改汉堡菜单图标的颜色？

xamarin.forms - 如何使用 xamarin 表单中的十六进制值以编程方式更改汉堡菜单图标的颜色？

问题描述

我正在开发一个 mvvm light xamarin 表单应用程序，我允许用户在应用程序本身中创建自己的主题。截至目前，除了发送按钮（图像图​​标）、添加按钮（图像图​​标）和汉堡菜单图标外，我的一切都按预期工作。

用户选择图像/名称，然后将该颜色的十六进制值应用于控件/字体。但是我在尝试以编程方式设置汉堡菜单颜色时遇到了这个问题。我从 android 方面开始。我可以使用 styles.xml 设置颜色一次。

但这对于我想要做的事情来说还不够。我还没有弄清楚如何在不创建新引用和提供可绘制对象的情况下获取对 toggledrawer 的引用来更改颜色。

我还需要在 iOS 上进行相同的操作（可更改颜色的汉堡菜单）。我不想提供图像，因为用户将根据十六进制值设置颜色......我最好的选择是什么？在这一点上我想要做的甚至可能吗？

   public class MainActivity : global::Xamarin.Forms.Platform.Android.FormsAppCompatActivity
    {
        protected ActionBarDrawerToggle drawerToggle;
        protected override void OnCreate(Bundle savedInstanceState)
        {
            TabLayoutResource = Resource.Layout.Tabbar;
            ToolbarResource = Resource.Layout.Toolbar;

            base.OnCreate(savedInstanceState);
            Rg.Plugins.Popup.Popup.Init(this, savedInstanceState);
            global::Xamarin.Forms.Forms.Init(this, savedInstanceState);
            LoadApplication(new App());

    drawerToggle.getDrawerArrowDrawable().setColor(getResources().getColor(R.color.white));
        }
    }

我在这里找到了这段代码：

drawerToggle.getDrawerArrowDrawable().setColor(getResources().getColor(R.color.white));

这将是理想的，但我没有对drawerToggle的引用......（对象为空）

我还尝试使用 styles.xml 进行设置，如下所示：

<?xml version="1.0" encoding="utf-8" ?>
<resources>

  <style name="MainTheme" parent="MainTheme.Base">
  </style>
  <!-- Base theme applied no matter what API -->
  <style name="MainTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar">
    <!--If you are using revision 22.1 please use just windowNoTitle. Without android:-->
    <item name="windowNoTitle">true</item>
    <!--We will be using the toolbar so no need to show ActionBar-->
    <item name="windowActionBar">false</item>
    <!-- Set theme colors from http://www.google.com/design/spec/style/color.html#color-color-palette -->
    <!-- colorPrimary is used for the default action bar background -->
    <item name="colorPrimary">#2196F3</item>
    <!-- colorPrimaryDark is used for the status bar -->
    <item name="colorPrimaryDark">#1976D2</item>
    <!-- colorAccent is used as the default value for colorControlActivated
         which is used to tint widgets -->
    <item name="colorAccent">#FF4081</item>
    <!-- You can also set colorControlNormal, colorControlActivated
         colorControlHighlight and colorSwitchThumbNormal. -->
    <item name="windowActionModeOverlay">true</item>

    <item name="android:datePickerDialogTheme">@style/AppCompatDialogStyle</item>
  <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
  </style>

  <style name="DrawerArrowStyle" parent="@style/Widget.AppCompat.DrawerArrowToggle">
    <item name="spinBars">true</item>
    <item name="color">@android:color/green</item>
  </style>

  <style name="AppCompatDialogStyle" parent="Theme.AppCompat.Light.Dialog">
    <item name="colorAccent">#FF4081</item>
  </style>
</resources>

此代码确实可以设置一次，但我需要通过单击按钮在应用程序中重置它。所以这对于我想要做的事情是不够的。

标签： xamarin.formsxamarin.androidxamarin.iosmaster-detailhamburger-menu

解决方案

  1. 将汉堡菜单图标添加到可绘制文件夹 汉堡菜单图标

  2. 在要更改的地方添加代码。

var toolbar = FindViewById<AndroidToolbar>(Resource.Id.toolbar);
var view = (AppCompatImageButton)toolbar.GetChildAt(2); 
    // 1. actionmenuview (primary/secondary menu icons), 
    // 2. appcompattextview (title), 
    // 3. appcompatimagebutton (hamburger icon)
view.SetImageDrawable(d);
           // view.SetImageDrawable(d);

就我而言，我有菜单图标，所以我选择GetChildAt(2)[第三项]

推荐阅读