首页 文章

始终隐藏Xamarin Forms Android Entry Control(条形码扫描仪输入)的键盘

提问于
浏览
1

我是Xamarin.Forms和移动应用程序开发的新手,所以我们非常感谢耐心和善意!我正在使用Xamarin.Forms PCL构建条形码扫描仪应用程序,尝试使用MVVM . 扫描仪是EXTERNAL蓝牙设备(因此不能使用ZXing) .

该项目有一个固定的要求,即使用扫描仪作为键盘输入,并且用户能够快速将一个蓝牙设备换成另一个品牌(因此不能使用特定于设备的API) . 第二个要求是永远不允许用户直接在Entry控件中键入任何内容 . 输入应来自扫描仪,只有扫描仪,因此我们不希望键盘显示在扫描页面上 .

还有其他页面具有用户需要访问键盘的Entry控件,即使显示非扫描屏幕,扫描仪也应该能够保持与蓝牙的连接 . 因此,我需要一种可靠的方法来将软键盘设置为永远不会显示在扫描页面上(此页面上只有一个输入控件,它仅供扫描仪使用),但允许在其他设备上访问键盘页面 .

当在扫描页面上时,我们希望始终在扫描仪的Entry控件上设置焦点,因此当控件获得Completed事件时,我们会对收到的值进行处理,然后清除控件并重新设置焦点以准备它用于下一次扫描 .

我一直在寻找自定义控件和Android渲染器,并设置依赖(首选),两者都取得了部分成功 . 无论哪种方式,都存在一个时间问题,即与控件的焦点设置有多快 . 如果在设置焦点之前没有足够的延迟,则软键盘保持可见 . 在提供的代码示例中,我添加了一个短暂的睡眠延迟,这主要用于保持键盘隐藏 . 但是,每次扫描时键盘仍会在屏幕上“闪烁”,这看起来很糟糕 . 真的更喜欢一个不那么黑暗和丑陋的解决方案 .

是否有一种好的,简单的方法可以完全移除页面的软键盘,同时仍允许输入控件接收焦点,以便可以接收扫描的条形码?和/或任何其他建议,使我仍然符合要求?

(PS:扫描页面目前不使用MVVM绑定 . 只是试图让键盘先消失,然后再进行绑定 . )

以下是我试图解决它的一种方法 . 还有其他人 . 注意:最终我采用了一种完全不同的方法,我将作为答案发布 .

自定义控件(在PCL中):

using Xamarin.Forms;

namespace MyPCL.Views
{
    //See ScanEntryRenderer in the Android project.
    public class ScanEntryControl : Entry
    {
        public ScanEntryControl() { }
    }
}

Xaml页面(通知自定义控件上的 InputTransparent = "True" . 这样用户就无法直接在Android设备上输入输入 . 所有输入必须来自蓝牙扫描器) .

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:MyPCL.Views"
             x:Class="MyPCL.Views.ScanTestPage"
             Title="Scan Test Page" >
    <ContentPage.Content>
        <StackLayout>
            <Label Text="Scanner Test"  />
            <local:ScanEntryControl x:Name="BarcodeEntry" 
                Completed="BarcodeEntryCompleted" 
                InputTransparent="True"/>
            <Label x:Name="ResultLabel"  />
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

表单背后的代码:

using System;
using Xamarin.Forms;
using Xamarin.Forms.Xaml;

namespace MyPCL.Views
{
    [XamlCompilation(XamlCompilationOptions.Compile)]
    public partial class ScanTestPage : ContentPage
    {
        public ScanTestPage()
        {
            InitializeComponent();
            BarcodeEntry.Focus();
        }

        protected override void OnAppearing()
        {
            base.OnAppearing();
            BarcodeEntry.Focus();
        }

        private void BarcodeEntryCompleted(object sender, EventArgs e)
        {
            if (!string.IsNullOrWhiteSpace(BarcodeEntry.Text))
            {
                ResultLabel.Text = "You entered: " + BarcodeEntry.Text;
                BarcodeEntry.Text = string.Empty;
            }
            BarcodeEntry.Focus();
        }
    }
}

Android渲染器:

using Android.Content;
using Xamarin.Forms;
using MyPCL.Views;
using MyPCL.Droid;
using Xamarin.Forms.Platform.Android;
using Android.Views.InputMethods;

[assembly: ExportRenderer(typeof(ScanEntryControl), typeof(ScanEntryRenderer))]
namespace MyPCL.Droid
{
    public class ScanEntryRenderer : EntryRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
        {
            base.OnElementChanged(e);
            if (e.NewElement != null)
            {
                ((ScanEntryControl)e.NewElement).PropertyChanging += OnPropertyChanging;
            }

            if (e.OldElement != null)
            {
                ((ScanEntryControl)e.OldElement).PropertyChanging -= OnPropertyChanging;
            }

            // Disable the Keyboard on Focus
            this.Control.ShowSoftInputOnFocus = false;
        }

        private void OnPropertyChanging(object sender, PropertyChangingEventArgs propertyChangingEventArgs)
        {
            // Check if the view is about to get Focus
            if (propertyChangingEventArgs.PropertyName == VisualElement.IsFocusedProperty.PropertyName)
            {
                // Dismiss the Keyboard 
                InputMethodManager imm = (InputMethodManager)this.Context.GetSystemService(Context.InputMethodService);
                imm.HideSoftInputFromWindow(this.Control.WindowToken, 0);
            }
        }
    }
}

3 回答

  • 1

    我一直在寻找自定义控件和Android渲染器,并设置依赖(首选),两者都取得了部分成功 .

    您可以使用 EditText.ShowSoftInputOnFocusscanning page 中实现它,然后当您的条目获得焦点时键盘将不会出现:

    using Android.Content;
    using Android.Views.InputMethods;
    using Edi;
    using Edi.Droid;
    using Xamarin.Forms;
    using Xamarin.Forms.Platform.Android;
    [assembly: ExportRenderer(typeof(ScanEntryControl), typeof(ScanEntryRenderer))]
    namespace Edi.Droid
    {
        public class ScanEntryRenderer : EntryRenderer
        {
            protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
            {
                base.OnElementChanged(e);
                if (e.NewElement != null)
                {
                    ((ScanEntryControl)e.NewElement).PropertyChanging += OnPropertyChanging;
                }
    
                if (e.OldElement != null)
                {
                    ((ScanEntryControl)e.OldElement).PropertyChanging -= OnPropertyChanging;
                }
    
                // Disable the Keyboard on Focus
                this.Control.ShowSoftInputOnFocus = false;
            }
    
            private void OnPropertyChanging(object sender, PropertyChangingEventArgs propertyChangingEventArgs)
            {
                // Check if the view is about to get Focus
                if (propertyChangingEventArgs.PropertyName == VisualElement.IsFocusedProperty.PropertyName)
                {
                    // incase if the focus was moved from another Entry
                    // Forcefully dismiss the Keyboard 
                    InputMethodManager imm = (InputMethodManager)this.Context.GetSystemService(Context.InputMethodService);
                    imm.HideSoftInputFromWindow(this.Control.WindowToken, 0);
                }
            }
        }
    }
    

    在其他页面中,您仍然可以使用 Entry ,因此将出现键盘 .

    更新:

    PCL中的 ScanEntryControl 课程:

    using Xamarin.Forms;
    
    namespace Edi
    {
        public class ScanEntryControl : Entry
        {
        }
    }
    

    .xaml文件:

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:Edi"
                 x:Class="Edi.MainPage">
        <ContentPage.Content>
            <StackLayout>
                <local:ScanEntryControl Text="ScanEntryControl"/>
                <Entry Text="Entry"/>
            </StackLayout>
        </ContentPage.Content>
    </ContentPage>
    
  • 0

    这个答案并没有直接解决原始问题,因为它不涉及Entry控件 . 然而,这是唯一对我有用的东西,最终成为一个更优雅的解决方案:

    蓝牙扫描仪默认处于HID模式(人机接口设备),这意味着它可以与应用程序交互的唯一方式是模仿按键,从而需要Entry(EditText)控件或类似控件 . 我将扫描仪切换到SPP模式(串行端口配置文件)并调整了this page的代码(另请参阅GitHub repo here,有关HID与SPP的详细信息,请参阅this document) .

    生成的代码激活扫描仪,然后“监听”输入 . 收到输入后,它将显示在Label而不是Entry控件中 .

    我之前没有提到的Entry控件存在其他问题:通常会在条形码的前面添加重复字符和/或从末尾删除一个或多个字符 . SPP解决方案也解决了这一切 . 如果有人想要我提出的代码,请告诉我 . 这将需要一些工作一个通用的例子,所以不要发布它 .

  • 1

    我遇到了同样的问题 . 我在Xamarin论坛中找到了一个样本,恕我直言包含了关键解决方案:你必须覆盖Focus(),不得调用基本方法 . 这使您可以完全控制虚拟键盘 . 在所有其他解决方案中,我看到有时会出现虚拟键盘 .

    当然,您的自定义条目需要显示/隐藏键盘的方法 . 您可以在OnFocus()方法中调用它们 . 我的示例控件(见下文)也有一个可绑定属性,允许您在Focus上自动显示虚拟键盘 . 因此,如果键盘应自动显示,您可以决定每个字段 . 此外,我还包含了另一个对象,通知您当前是否可以看到虚拟键盘及其大小,以防您需要相应地调整布局大小 .

    由于这是几个不同论坛中的一个常见问题,我决定创建一个示例控件和一个小应用程序来显示这些功能 . 此外,我写了一篇详细的自述文件,解释了实现的所有关键点 .

    你会在这里找到它:https://github.com/UweReisewitz/XamarinAndroidEntry

相关问题