PhilM's questions

我正在运行于 .NET 8 的 MAUI 应用程序中实现二维码扫描器。

该应用程序目前适用于Android，随后将移植到IOS。

因此，我决定使用ZXing.Net.Maui并遵循此处的文档：https://github.com/Redth/ZXing.Net.Maui#barcode-scanning

我的问题是，二维码仍然无法被检测到，并且BarcodesDetected()如果使用断点测试，也无法访问它。

我是否遗漏了什么？

我确实找到了这篇文章（ZXing for MAUI (MobileBarcodeScanner)），它似乎正在实施与我相同的过程，但我这边没有成功。

MauiProgram.cs

public static MauiApp CreateMauiApp()
{
    var builder = MauiApp.CreateBuilder();

    builder
            .UseMauiApp<App>()
            )
            .UseMauiCommunityToolkit()
            .UseFFImageLoading()
            .UseBarcodeReader()

    var app = builder.Build();

    return app;
}

AndroidManifest.xaml：

<uses-permission android:name="android.permission.CAMERA"/>

View.xaml：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:zxing="clr-namespace:ZXing.Net.Maui.Controls;assembly=ZXing.Net.MAUI.Controls"
             x:Class="Project.Views.View">
    <Grid>
        <zxing:CameraBarcodeReaderView
                x:Name="cameraBarcodeReaderView"
                BarcodesDetected="BarcodesDetected"
                IsDetecting="True"
                CameraLocation="Rear"
                IsEnabled="True"/>
    </Grid>
</ContentPage>

view.xaml.cs：

public partial class View : ContentPage
{
    public View()
    {
        InitializeComponent();
        CheckCameraPermission();

        cameraBarcodeReaderView.Options = new BarcodeReaderOptions
        {
            Formats = BarcodeFormats.OneDimensional,
            AutoRotate = true,
            Multiple = true
        };
    }

    private void BarcodesDetected(object sender, BarcodeDetectionEventArgs e)
    {
        foreach (var barcode in e.Results)
            Console.WriteLine($"Barcodes: {barcode.Format} -> {barcode.Value}");
    }
}

尝试将我的导航栏移动到 MAUI 屏幕底部，但这并不像我想象的那么简单。

我正在按照这篇文章的解决方案：这里

然而，我得到了The type or namespace name 'Platforms' does not exist in the namespace 'Project' (are you missing an assembly reference?)。

此错误与此行有关 handlers.AddHandler<Shell, ShellHandler>();

我发现了几个有同样问题的帖子，但似乎没有一个提供解决方案。

有什么建议吗？

应用程序.xaml.cs

using Project._ViewModels.SharedViewModel;
using Microsoft.Maui.Hosting;
using Microsoft.Maui.Controls.Hosting;
using CommunityToolkit.Maui;
using Project.Helpers;
using Project.Platforms; ///this is where the error is


namespace Project
{
    /// <summary>
    /// Represents the main application class.
    /// </summary>
    public partial class App : Application
    {
        /// <summary>
        /// Initializes a new instance of the <see cref="App"/> class.
        /// </summary>
        public App()
        {
            InitializeComponent();
            MainPage = new AppShell();
        }

        public static MauiApp CreateMauiApp()
        {
            var builder = MauiApp.CreateBuilder();
            builder
                 .UseMauiApp<App>()
                 .UseMauiCommunityToolkit()
                 .ConfigureMauiHandlers(handlers =>
                 {
                     handlers.AddHandler<Shell, ShellHandler>();                      });

            return builder.Build();
        }
    }
}

ShellHandler.cs（路径：Project\Platforms\Android\ShellHandler.cs）

using Android.Content;
using AndroidX.CoordinatorLayout.Widget;
using Google.Android.Material.BottomNavigation;
using Microsoft.Maui.Controls.Handlers.Compatibility;
using Microsoft.Maui.Controls.Platform.Compatibility;
using Microsoft.Maui.Controls.PlatformConfiguration.AndroidSpecific;
using Svg;
using System;

namespace Project.Platforms.Android
{
    public partial class ShellHandler : ShellRenderer
    {
        public ShellHandler(Context context) : base(context) { }

        protected override IShellBottomNavViewAppearanceTracker CreateBottomNavViewAppearanceTracker(Microsoft.Maui.Controls.ShellItem shellItem)
        {
            return new ShellBottomNavViewAppearanceTracker(this, shellItem.CurrentItem);
        }

        public class ShellBottomNavViewAppearanceTrackerEx : ShellBottomNavViewAppearanceTracker
        {
            public ShellBottomNavViewAppearanceTrackerEx(IShellContext shellContext, Microsoft.Maui.Controls.ShellItem shellItem)
                : base(shellContext, shellItem) { }

            public override void SetAppearance(BottomNavigationView bottomView, IShellAppearanceElement appearance)
            {
                base.SetAppearance(bottomView, appearance);

            }
        }
    }
}

我正在尝试建立一个带有条纹的 webhook。（第一次）

但是，似乎没有找到 webhook 的路径。

希望有人能用全新的视角告诉我我做错了什么。

在我的 urls.py 中（项目级别）

urlpatterns = [

    path('my_app/', include('my_app.urls')),
    ...
]

在 urls.py 应用程序级别：

urlpatterns = [
    ..
    path('stripe_webhook/', views.stripe_webhook, name='stripe_webhook')
]

在我的views.py（my_app级别）中：

@csrf_exempt
def stripe_webhook(request):
    print("enter webhook")
    stripe.api_key = settings.STRIPE_SECRET_KEY_TEST
   
    payload = request.body
    signature_header = request.META.get('HTTP_STRIPE_SIGNATURE')
    webhook_secret = settings.STRIPE_WEBHOOK_SECRET_TEST
    ...

在条纹中，在本地听众中我已经注册：

localhost:8000/stripe_webhook/

如果我运行stripe trigger customer.created. 我会得到以下返回结果：

A newer version of the Stripe CLI is available, please update to: v1.22.0
Setting up fixture for: customer
Running fixture for: customer
Trigger succeeded! Check dashboard for event details.

但是，同时运行时stripe listen --forward-to localhost:8000/stripe_webhook/，我还收到以下日志：

> Ready! You are using Stripe API Version [2024-09-30.acacia]. Your webhook signing secret is XXXXX (^C to quit)
2024-12-05 22:27:54   --> customer.created [xxx]
2024-12-05 22:27:54  <--  [404] POST http://localhost:8000/stripe_webhook/ [xx]

并且我的服务器日志也会返回（无论是在生产中还是本地）Not Found: /stripe_webhook/：。

这让我认为我的 webhook 路径配置不正确，但我看不到任何可能遗漏的内容。我是否忘记了 Stripe 平台上的某些内容？

注意：我的 .env 文件中的所有键（STRIPE_PUBLIC_KEY_TEST、STRIPE_SECRET_KEY_TEST和STRIPE_WEBHOOK_SECRET_TEST）都与 Stripe 平台上提供的键匹配。

有什么想法吗？

正在学习 Android 课程。我不确定我是否错过了扩展，但我无法访问下面的面板。

特别是我希望访问“Horizo​​ntally in Parent”按钮。

你知道如何在面板上显示它吗？

我当前的面板

所需面板

我有 2 个单选按钮。每个单选按钮都连接到一个图像。一开始这些图像是黑白的 ( filter:grayscale(1))。当选择这些按钮之一时，我希望与该按钮相关的图像变为 ( filter:grayscale(0))。过滤grayscale器属性在元素中指定<img>。每个单选按钮都包装在一个单独的 div 中，并带有各自的<img>.

第一步（我认为）是收集与所选单选按钮相关的输入名称。这有效。我相信从这个输入名称中，我需要搜索父 div，然后查找<img>与其相关的元素。

我承认，写这篇文章感觉有点复杂。但我想不出更好的办法。

我的问题

我现在挣扎的地方是根据检查的输入名称获取父 div。我找到了一些使用任一文档.parentElement()，.parent()但parent.Node()这些都不起作用。或者可能是我没有正确使用它们。然后，一旦确定了父 div，我就可以查找子<img>元素了。

我的问题

1. 如何从子元素 id 访问父 div？
2. 有没有更好的方法/更简单的方法来实现这一目标？

$(document).ready(function() {
  /*Manages Radio buttons & images rendering when clicked*/
  $('input[name="hero-avatar"]').change(function() {
    // Check if the radio button is checked
    if ($(this).is(':checked')) {
      // captures id of button that is checked
      let checkButton = $(this).attr('id');
      // Log checked radio button id
      console.log(checkButton);

      //test to find parent div class
      console.log($(`#${checkButton}`).parent().attr('class'));

      //this works but doesnt reach the parent div class which contains grayscale property
      $(`#${checkButton}`.parentNode).css('filter', 'grayscale(0)')

    }
  });

  //if radio button is checked
  //change colour of image attached to it
});

.avatar-img-select {
  height: 52px;
  filter: grayscale(1);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<div class="row first-screen-row-avatar">
  <div class="col select-avatar-col">
    <label for="avatar1">
        <img src="assets/images/avatars/hero-avatar-1.jpg" class="avatar-img-select" alt="Avatar 1">
        <input type="radio" id="avatar1" name="hero-avatar" value="assets/images/avatars/hero-avatar-1.jpg" required>
    </label>
  </div>
  <div class="col select-avatar-col">
    <label for="avatar2">
        <img src="assets/images/avatars/hero-avatar-2.webp" class="avatar-img-select" alt="Avatar 2">
        <input type="radio" id="avatar2" name="hero-avatar" value="assets/images/avatars/hero-avatar-2.webp" required>
    </label>
  </div>
</div>