Hide keyboard android xamarin

ÇøŋfuzëÐ SøurcëÇødë

This is The ÇøŋfuzëÐ SøurcëÇødë, the Software Engineer. That hyper-active, over enthusiastic, radical developer you may have heard about! This is just a simple attempt to put the source code confusion of my life into words! (^_^)

A Keyboard disabled Entry control in Xamarin Forms?

A Xamarin Forms Entry Control without a keyboard? So when the user clicks on the Entry, the keyboard wouldn’t pop up? Yep, that’s what I’m talking about yo!

Oh sweet! So that I could use my custom keyboard or key buttons to enter values into it without the keyboard popping over and covering up the view? Oh yeah! that’s awesome! 😀

So it all began..

There was this one time where I was asked to implement a page which had an Entry with a bunch of custom buttons in the page, which would insert their specific values into the Entry controls when they’re clicked.
But if the User somehow clicked on the Entry, the Keyboard shouldn’t pop up and hover over the custom keyboard. And keep on mind the Entry field or the whatever alternative text editor view should be exactly similar to an entry looks and feel! 😮

Why such a requirement you ask? Imagine an text field which has limited or custom character inputs or a security code input field, where you want to have a custom keyboard on the view without using the default system keyboard for security reason, and many more. 🙂

Alternatives?

You could say, use a Label control where you would append its text value upon the custom key button clicks.
But the problem is, Label control doesn’t have the looks and feel of an Entry control, and it would be a big hassle to customize it to look as an Entry. Also from the performance aspect as well, since it will surely require custom rendering approach. 😦

Then you might say use the Keyboard dismissal service which I posted last time in my blog, and call up on it every time the user clicks on the Entry? But nope, that would look extremely distracting while the keyboard keep on popping up and down when the User clicks on the Entry every time.

So the solution?

So the only solution here is to have a Custom Entry control which doesn’t allow the popping up of the keyboard, or in other words, an Entry which has no Keyboard attachment up on focus. 😉

This is obviously the easiest and the fastest solution to execute, since we already got the Entry’s generic look and feel, along with all the behavior, except for the on Focus Keyboard attachment behavior. 😀

How could we do this?

Alright since we are going to customize our Entry control, we need to drill down to native levels of the actual Entry’s control rendering.

The Android EditText control that associates with the Xamarin Forms Entry’s has a property called ShowSoftInputOnFocus property which allows you to disable Keyboard attachment behavior upon focus for the EditText.

Then for iOS UITextField control that associates with the Xamarin Forms Entry’s has a property called InputView property which allows you to disable the Keyboard attachment by assigning it to an empty UIView object.

So we are going to use those native properties to implement this awesomeness! 😀

Coding it is!

First of all create a Custom Entry control by sub-classing it.

Let’s call it SoftKeyboardDisabledEntry, just for the kicks of it 😉 !

iOS Custom Renderer…

Alright let’s drill down to iOS renderering of our custom control.

Alright there we assign an empty UIView to the InputView property of the native control instance, which will replace Keyboard attachment at run time.

Android Custom Renderer…

Ok then comes the Android renderer, with a bit of work though.

So there we are disabling ShowSoftInputOnFocus property by setting it false, to disable Keyboard attachment event. 😀

But then you notice that we are subscribing to the IsFocused PropertyChanged event as well. This is because in Android if we move the focus to our Custom Entry from another Entry which already had the Keyboard attached, the Keyboard wouldn’t dismiss itself. So in order to dismiss the Keyboard in case if it was already popped up, we are calling the InputMethodManager to forcefully dismiss the Keyboard. 🙂 Well this is more of a fail safe for our object, but if you think you wouldn’t run into such a scenario as above then you could remove the additional fail safe bit. 😉

Try it out?

Alright to test this out, below is a cool demo I threw in together, which you could also find in my github repo: https://github.com/XFNoSoftKeyboadEntryControl

Here’s how to consume it in your XAML!

Next let’s add some Custom Key buttons to enter text to our Custom Entry with no Keyboard attached control! 😉

Источник

Hide keyboard android xamarin

This plugin includes:

• KeyboardEnableEffect — allows user to show/hide softkeyboard on Android/iOS platform in Xamarin.Forms
• SoftKeyboardService — check softkeyboard display status

• Need Xamarin.Forms version 3 or above
• Xamarin.KeyboardHelper Available on NuGet: https://www.nuget.org/packages/Xamarin.KeyboardHelper
• Install into your platform-specific projects (iOS/Android), and any .NET Standard 2.1 projects required for your app.
• Add xmlns:effects=»clr-namespace:Xamarin.KeyboardHelper;assembly=Xamarin.KeyboardHelper» at the top of the xaml file

Platform	Supported	Version	Notes
Xamarin.iOS	Yes	iOS 10+
Xamarin.Android	Yes	API 19+	Project should target Android framework 9.0+

Show soft keyboard

Hide soft keyboard

Bind boolean property to effect

Request focus on control

In the previous version of the plugin, control that uses the effect will automatically get the focus when view get rendered. In version 2.0.5 and above, control will not automatically get focus anymore, instead if you want to get focus, you have to call the RequestFocus = true in your XAML file.

• RequestFocus=»True» will not show the keyboard if EnableKeyboard=»False»
• Entry.Focus() will shows the keyboard even if EnableKeyboard=»False» . but it will be hidden immediately after it is shown.
• if you do not call Entry.Focus() by code, keyboard will not show up.

Then what does RequestFocus=»True» do ?

Источник

Xamarin.Forms Entry field that prevents soft keyboard from showing up on Focus #4555

Comments

dinobu commented Nov 27, 2018 •

Description

Support to prevent soft keyboard on Entry field for Android, iOS, and UWP head projects in Xamarin.Forms.

Currently, Entry field in Xamarin.Forms provides no functionality to prevent soft keyboard from showing up entirely. There are solution out there that will hide it but they make things even worse since now you have keyboard popping up briefly, then disappearing from the screen.

It feels like having a way to disable keyboard from showing up entirely on an Entry field makes sense. For example, I make my own buttons, that resemble keyboard. Tapping on each of these, puts some characters in the Entry field without showing keyboard but only when Entry field receives focus.

Another example, scanning with external barcode scanners into a field when it has focus only. Here also makes no sense to show keyboard.

Steps to Reproduce

1. Create simple View with Entry Field
2. Focus on that Entry field
3. Soft keyboard will show up

Expected Behavior

It would be nice to be able to disable keyboard from showing up entirely on an Entry field focus. We need this for all 3 platforms in Xamarin.Forms, on UWP, iOS and Android

Actual Behavior

This is currently impossible to do. There are solution that hide keyboard (using renderers or other methods) which makes it even worse since keyboard shows briefly, then hides. In my example on scanning above, this solution makes it ridiculous.

The text was updated successfully, but these errors were encountered:

hartez commented Nov 27, 2018

When #4384 is merged it will make this possible for a custom renderer on Android.

That said, it may be worth exploring adding something like a ShowSoftKeyboardOnFocus property to InputView with the default set to true .

dinobu commented Nov 27, 2018 •

When #4384 is merged it will make this possible for a custom renderer on Android.

That said, it may be worth exploring adding something like a ShowSoftKeyboardOnFocus property to InputView with the default set to true .

I was asking for Xamarin.Forms, not Android. We need this for Android, iOS, and definitely UWP as that is the most problematic as it turns out. Xamarin.EnableKeyboardHelperEffect suggested by @masonyc is not supporting UWP and it not preventing but rather hiding keyboard once opened on Android and iOs which is not that great considering that you get popups that then go away.

masonyc commented Nov 28, 2018

perhaps this effect can solve your problem for the moment?https://github.com/masonyc/Xamarin.EnableKeyboardEffect

dinobu commented Nov 28, 2018

@masonyc Looks like it could, thanks. Looks like only code is required on iOS FinishedLaunching while on android there is no code, XAML itself is sufficient?
Also, why do you have comment «Write here» in FinishedLaunching?

masonyc commented Nov 28, 2018

@masonyc Looks like it could, thanks. Looks like only code is required on iOS FinishedLaunching while on android there is no code, XAML itself is sufficient?
Also, why do you have comment «Write here» in FinishedLaunching?

In iOS, we need that line to init the effect but in android, it does itself. «Write here» comment just a reminder that you don’t forget that line

dinobu commented Nov 28, 2018

@masonyc Looks like it could, thanks. Looks like only code is required on iOS FinishedLaunching while on android there is no code, XAML itself is sufficient?
Also, why do you have comment «Write here» in FinishedLaunching?

In iOS, we need that line to init the effect but in android, it does itself. «Write here» comment just a reminder that you don’t forget that line

Thanks I will give it a try. I’d suggest updating wiki to clarify that for others. Much appreciated.

dinobu commented Nov 28, 2018 •

@masonyc I created 3 new issues

berlamont commented Dec 10, 2018

When #4384 is merged it will make this possible for a custom renderer on Android.
That said, it may be worth exploring adding something like a ShowSoftKeyboardOnFocus property to InputView with the default set to true .

I was asking for Xamarin.Forms, not Android. We need this for Android, iOS, and perhaps UWP

That is a pull request against Xamarin Forms, not Xamarin Android.

dinobu commented Dec 10, 2018 •

When #4384 is merged it will make this possible for a custom renderer on Android.
That said, it may be worth exploring adding something like a ShowSoftKeyboardOnFocus property to InputView with the default set to true .

I was asking for Xamarin.Forms, not Android. We need this for Android, iOS, and perhaps UWP

That is a pull request against Xamarin Forms, not Xamarin Android.

True it is against Xamarin.Forms,but the reply was only for Android if you read it. My response is that we need solution for iOS, Android and UWP

dinobu commented Jan 12, 2019 •

@masonyc Looks like it could, thanks. Looks like only code is required on iOS FinishedLaunching while on android there is no code, XAML itself is sufficient?
Also, why do you have comment «Write here» in FinishedLaunching?

In iOS, we need that line to init the effect but in android, it does itself. «Write here» comment just a reminder that you don’t forget that line

Unfortunately, this solution has 2 problems:

1. solution is hiding keyboard, not preventing it. I created the ticket but it looks like communication with dev went cold.
2. Another problem, no UWP support which is most important to us — this is biggest problem for us

Also, the keyboard is prevented only when Entry is rendered, meaning once you load the view. But if you click on say a popup message to close it, you then have to call Focus to focus on that field and programmatic calls to Focus will not prevent but show, then hide keyboard resulting in strange behavior where keyboard keeps showing briefly for apparent no reason.

Источник

Создание прекрасных приложений с помощью Xamarin.Forms

Есть вопрос, который мне постоянно задают в Твиттере: как создавать приложения с крутым дизайном с помощью Xamarin.Forms? Это отличный вопрос, ведь любой может создавать красивые приложения, немного вдохновившись и поработав над стилем. Я не дизайнер и не претендую на звание дизайнера, но есть много отличных источников вдохновения для дизайна приложений, включая Dribbble, Uplabs и другие. Эти дизайны от талантливых людей со всего мира могут повлиять на внешний вид ваших собственных приложений.

Приложение для ресторана от Oludayo Alli

Встроенные возможности Xamarin.Forms

В Xamarin.Forms есть несколько функций, которые можно использовать, чтобы воплотить важные проекты в жизнь. Зачем вам что-то, кроме нового Shapes API для рисования фигур, линий, многоугольников и многого другого. Хотите, чтобы ваши собственные элементы управления были единообразными? Как насчет добавления Material Design с помощью одной строчки кода. А еще сгруппируйте свои коллекции с помощью CarouselView в сочетании с IndicatorView и, конечно же, CollectionView.

Приложение «Галерея напитков» от Javier Suárez

Пойдите дальше с кастомными элементами управления от сообщества

Xamarin Community Toolkit добавляет отличные элементы управления, включая DockLayout, Shield, TabView и другие. Но есть еще более потрясающие элементы управления от сообщества, включая потрясающие Magic Gradients, PancakeView, MaterialFrame, CardView, Shadows и многие другие. Наконец, мы не можем забыть SkiaSharp, систему 2D-графики общего назначения для .NET.

Компонентная экосистема

Переиспользуемые компоненты пользовательского интерфейса от ведущих поставщиков компонентов, таких как Telerik, UX Divers, GrapeCity и Syncfusion, помогут вам быстро повысить продуктивность. Обязательно ознакомьтесь с множеством вариантов, когда будете готовы начать работу.

Вдохновляйтесь

Наш коллега Хавьер уже несколько лет собирает интересные примеры крутых приложений с открытым исходным кодом, созданных с помощью Xamarin.Forms, которые вы можете изучить на GitHub. Выше вы уже видели несколько из этих приложений, но вот еще, чтобы вас вдохновить.

Кошелек карт от Altevir Приложение для авиаперелетов от Leomaris Reyes Книга рецептов от Steven Thewissen Cake app от Shaw Yu

И есть еще очень много прекрасных дизайнов. Вы даже можете добавить свой собственный, просто создав pull request в репозитории Хавьера на GitHub.

Adobe XD Exporter

Многие дизайны, которые вы найдете в интернете или получите от вашего дизайнера, могут быть созданы с помощью таких инструментов, как Adobe XD. Вы можете легко импортировать цвета и стили в свое приложение Xamarin.Forms благодаря экспортеру XD в Xamarin.Forms (его автор — наш коллега Kym Phillpotts).

Создавайте красивые приложения

Расскажите нам о своих приложениях, оставив комментарии ниже или отправив pull request в репозиторий Хавьера на GitHub.

Источник