Implement Focus

This commit is contained in:
Frank A. Krueger 2018-04-18 18:03:02 -07:00
parent 23177464ec
commit 3848e43e7c
No known key found for this signature in database
GPG Key ID: 0471C67474FFE664
3 changed files with 55 additions and 33 deletions

View File

@ -4,7 +4,7 @@
The [ActivityIndicator](https://developer.xamarin.com/api/type/Xamarin.Forms.ActivityIndicator/) control gives a visual clue to the user that something is happening, without information about its progress. The [ActivityIndicator](https://developer.xamarin.com/api/type/Xamarin.Forms.ActivityIndicator/) control gives a visual clue to the user that something is happening, without information about its progress.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
IsRunning | Done IsRunning | Done
@ -14,7 +14,7 @@ Color | Pending
The UIActionSheet is a common UI element in iOS. The Xamarin.Forms [DisplayActionSheet](https://developer.xamarin.com/guides/xamarin-forms/application-fundamentals/navigation/pop-ups/) method lets you include this control in cross-platforms apps, rendering native alternatives. The UIActionSheet is a common UI element in iOS. The Xamarin.Forms [DisplayActionSheet](https://developer.xamarin.com/guides/xamarin-forms/application-fundamentals/navigation/pop-ups/) method lets you include this control in cross-platforms apps, rendering native alternatives.
Property | Status Member | Status
------ | ------ ------ | ------
Title | Pending Title | Pending
Cancel | Pending Cancel | Pending
@ -25,7 +25,7 @@ Destruction | Pending
[BoxView](https://developer.xamarin.com/api/type/Xamarin.Forms.BoxView/) is a useful stand-in for images or custom elements when doing initial prototyping. [BoxView](https://developer.xamarin.com/api/type/Xamarin.Forms.BoxView/) is a useful stand-in for images or custom elements when doing initial prototyping.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
Color | Done Color | Done
@ -34,7 +34,7 @@ Color | Done
A [button](https://developer.xamarin.com/api/type/Xamarin.Forms.Button/) View that reacts to touch events. A [button](https://developer.xamarin.com/api/type/Xamarin.Forms.Button/) View that reacts to touch events.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
IsEnabled | Done IsEnabled | Done
@ -58,7 +58,7 @@ Released | Done
The Xamarin.Forms [CarouselPage](https://developer.xamarin.com/guides/xamarin-forms/application-fundamentals/navigation/carousel-page/) is a page that users can swipe from side to side to navigate through pages of content, like a gallery. The Xamarin.Forms [CarouselPage](https://developer.xamarin.com/guides/xamarin-forms/application-fundamentals/navigation/carousel-page/) is a page that users can swipe from side to side to navigate through pages of content, like a gallery.
Property | Status Member | Status
------ | ------ ------ | ------
ItemsSource | Pending ItemsSource | Pending
ItemTemplate | Pending ItemTemplate | Pending
@ -80,7 +80,7 @@ Disappearing | Pending
A [ContentPage](https://developer.xamarin.com/api/type/Xamarin.Forms.ContentPage/) is a Page displaying a single View, often a container like a StackLayout or ScrollView. A [ContentPage](https://developer.xamarin.com/api/type/Xamarin.Forms.ContentPage/) is a Page displaying a single View, often a container like a StackLayout or ScrollView.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
Appearing | Done Appearing | Done
@ -90,7 +90,7 @@ DatePicker
The visual representation of a [DatePicker](https://developer.xamarin.com/api/type/Xamarin.Forms.DatePicker/) is very similar to the one of Entry, except that a special control for picking a date appears in place of a keyboard. The visual representation of a [DatePicker](https://developer.xamarin.com/api/type/Xamarin.Forms.DatePicker/) is very similar to the one of Entry, except that a special control for picking a date appears in place of a keyboard.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
Format | Done Format | Done
@ -104,7 +104,7 @@ DateSelected | Pending
The [Editor](https://developer.xamarin.com/guides/xamarin-forms/user-interface/text/editor/) control is used to accept multi-line input. The [Editor](https://developer.xamarin.com/guides/xamarin-forms/user-interface/text/editor/) control is used to accept multi-line input.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
IsEnabled | Done IsEnabled | Done
@ -120,7 +120,7 @@ Completed | Done
[Entry](https://developer.xamarin.com/api/type/Xamarin.Forms.Entry/) is a single line text entry. It is best used for collecting small discrete pieces of information, like usernames and passwords. [Entry](https://developer.xamarin.com/api/type/Xamarin.Forms.Entry/) is a single line text entry. It is best used for collecting small discrete pieces of information, like usernames and passwords.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
IsEnabled | Done IsEnabled | Done
@ -134,12 +134,14 @@ FontAttributes | Done
TextColor | Done TextColor | Done
TextChanged | Done TextChanged | Done
Completed | Done Completed | Done
Focus | Done
### Frame ### Frame
[Frame](https://developer.xamarin.com/api/type/Xamarin.Forms.Frame/) is an element containing a single child, with some framing options. [Frame](https://developer.xamarin.com/api/type/Xamarin.Forms.Frame/) is an element containing a single child, with some framing options.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
OutlineColor | Done OutlineColor | Done
@ -150,7 +152,7 @@ HasShadow | Pending
[View](https://developer.xamarin.com/api/type/Xamarin.Forms.Image/) that holds an image. [View](https://developer.xamarin.com/api/type/Xamarin.Forms.Image/) that holds an image.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
Source | Done Source | Done
@ -165,7 +167,7 @@ Supported FileSource, StreamSource and UriSource.
A [Label](https://developer.xamarin.com/api/type/Xamarin.Forms.Label/) is used to display single-line text elements as well as multi-line blocks of text. A [Label](https://developer.xamarin.com/api/type/Xamarin.Forms.Label/) is used to display single-line text elements as well as multi-line blocks of text.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
IsEnabled | Done IsEnabled | Done
@ -185,7 +187,7 @@ YAlign | Done
An [ItemsView](https://developer.xamarin.com/api/type/Xamarin.Forms.ListView/) that displays a collection of data as a vertical list. An [ItemsView](https://developer.xamarin.com/api/type/Xamarin.Forms.ListView/) that displays a collection of data as a vertical list.
Property | Status Member | Status
------ | ------ ------ | ------
IsPullToRefreshEnabled | Pending IsPullToRefreshEnabled | Pending
IsRefreshing | Pending IsRefreshing | Pending
@ -214,7 +216,7 @@ Refresing | Pending
A [Page](https://developer.xamarin.com/api/type/Xamarin.Forms.MasterDetailPage/) that manages two panes of information: A master page that presents data at a high level, and a detail page that displays low-level details about information in the master. A [Page](https://developer.xamarin.com/api/type/Xamarin.Forms.MasterDetailPage/) that manages two panes of information: A master page that presents data at a high level, and a detail page that displays low-level details about information in the master.
Property | Status Member | Status
------ | ------ ------ | ------
Detail | Pending Detail | Pending
IsGestureEnabled | Pending IsGestureEnabled | Pending
@ -228,7 +230,7 @@ IsPresentedChanged | Pending
A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.Maps.Map/) that shows a map provided by a platform-specific service. A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.Maps.Map/) that shows a map provided by a platform-specific service.
Property | Status Member | Status
------ | ------ ------ | ------
Pins | Pending Pins | Pending
MapType | Pending MapType | Pending
@ -242,7 +244,7 @@ MoveToRegion | Pending
A [Page](https://developer.xamarin.com/api/type/Xamarin.Forms.NavigationPage/) that manages the navigation and user-experience of a stack of other pages. A [Page](https://developer.xamarin.com/api/type/Xamarin.Forms.NavigationPage/) that manages the navigation and user-experience of a stack of other pages.
Property | Status Member | Status
------ | ------ ------ | ------
Animate | Pending Animate | Pending
Add | Pending Add | Pending
@ -252,7 +254,7 @@ Remove | Pending
A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.OpenGLView/) that displays OpenGL content. A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.OpenGLView/) that displays OpenGL content.
Property | Status Member | Status
------ | ------ ------ | ------
HasRenderLoop | Pending HasRenderLoop | Pending
@ -261,7 +263,7 @@ HasRenderLoop | Pending
A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.Picker/) control for picking an element in a list. A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.Picker/) control for picking an element in a list.
Property | Status Member | Status
------ | ------ ------ | ------
Title | Pending Title | Pending
SelectedIndex | Pending SelectedIndex | Pending
@ -275,7 +277,7 @@ SelectedIndexChanged | Pending
A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.ProgressBar/) control that displays progress. A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.ProgressBar/) control that displays progress.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Pending BackgroundColor | Pending
Progress | Done Progress | Done
@ -285,7 +287,7 @@ ProgressTo | Pending
An [element](https://developer.xamarin.com/api/type/Xamarin.Forms.ScrollView/) capable of scrolling if its Content requires. An [element](https://developer.xamarin.com/api/type/Xamarin.Forms.ScrollView/) capable of scrolling if its Content requires.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
Orientation | Pending Orientation | Pending
@ -300,7 +302,7 @@ Scrolled | Pending
A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.SearchBar/) control that provides a search box. A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.SearchBar/) control that provides a search box.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
SearchCommand | Done SearchCommand | Done
@ -321,7 +323,7 @@ TextChanged | Done
A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.Slider/) control that inputs a linear value. A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.Slider/) control that inputs a linear value.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
Minimum | Done Minimum | Done
@ -333,7 +335,7 @@ ValueChanged | Done
A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.Stepper/) control that inputs a discrete value, constrained to a range. A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.Stepper/) control that inputs a discrete value, constrained to a range.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Pending BackgroundColor | Pending
Minimum | Pending Minimum | Pending
@ -346,7 +348,7 @@ ValueChanged | Pending
A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.Switch/) control that provides a toggled value. A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.Switch/) control that provides a toggled value.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
IsToggled | Done IsToggled | Done
@ -356,7 +358,7 @@ Toggled | Done
[Displays](https://developer.xamarin.com/api/type/Xamarin.Forms.TabbedPage/) an array of tabs across the top of the screen, each of which loads content onto the screen. [Displays](https://developer.xamarin.com/api/type/Xamarin.Forms.TabbedPage/) an array of tabs across the top of the screen, each of which loads content onto the screen.
Property | Status Member | Status
------ | ------ ------ | ------
BarBackgroundColor | Pending BarBackgroundColor | Pending
BarTextColor | Pending BarTextColor | Pending
@ -375,7 +377,7 @@ PagesChanged | Pending
A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.TableView/) that holds rows of Cell elements. A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.TableView/) that holds rows of Cell elements.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Pending BackgroundColor | Pending
HasUnevenRows | Pending HasUnevenRows | Pending
@ -388,7 +390,7 @@ ContextActions | Pending
A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.TimePicker/) control that provides time picking. A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.TimePicker/) control that provides time picking.
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
Format | Done Format | Done
@ -399,7 +401,7 @@ Time | Done
A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.WebView/) that presents HTML content. A [View](https://developer.xamarin.com/api/type/Xamarin.Forms.WebView/) that presents HTML content.
Property | Status Member | Status
------ | ------ ------ | ------
CanGoBack | Pending CanGoBack | Pending
CanGoForward | Pending CanGoForward | Pending
@ -412,13 +414,13 @@ Navigating | Pending
### VisualElement ### VisualElement
Property | Status Member | Status
------ | ------ ------ | ------
BackgroundColor | Done BackgroundColor | Done
AnchorX | Done AnchorX | Done
AnchorY | Done AnchorY | Done
IsEnabled | Done IsEnabled | Done
IsFocused | Done IsFocused | Pending
IsVisible | Done IsVisible | Done
Opacity | Done Opacity | Done
RotationX | Pending RotationX | Pending

View File

@ -39,8 +39,10 @@ namespace Ooui.Forms.Renderers
_disposed = true; _disposed = true;
if (disposing) { if (disposing) {
if (Element != null) {
Element.FocusChangeRequested -= Element_FocusChangeRequested;
}
if (Control != null) { if (Control != null) {
//Control.Inputted -= OnEditingBegan;
Control.Input -= OnEditingChanged; Control.Input -= OnEditingChanged;
Control.Change -= OnEditingEnded; Control.Change -= OnEditingEnded;
} }
@ -53,9 +55,15 @@ namespace Ooui.Forms.Renderers
{ {
base.OnElementChanged (e); base.OnElementChanged (e);
if (e.OldElement != null) {
e.OldElement.FocusChangeRequested -= Element_FocusChangeRequested;
}
if (e.NewElement == null) if (e.NewElement == null)
return; return;
e.NewElement.FocusChangeRequested += Element_FocusChangeRequested;
if (Control == null) { if (Control == null) {
var textField = new Ooui.TextInput (); var textField = new Ooui.TextInput ();
SetNativeControl (textField); SetNativeControl (textField);
@ -67,8 +75,6 @@ namespace Ooui.Forms.Renderers
_defaultTextColor = Colors.Black; _defaultTextColor = Colors.Black;
textField.Input += OnEditingChanged; textField.Input += OnEditingChanged;
//textField.EditingDidBegin += OnEditingBegan;
textField.Change += OnEditingEnded; textField.Change += OnEditingEnded;
} }
@ -81,6 +87,15 @@ namespace Ooui.Forms.Renderers
UpdateAlignment (); UpdateAlignment ();
} }
void Element_FocusChangeRequested (object sender, VisualElement.FocusRequestArgs e)
{
if (e.Focus && Control != null) {
Control?.Focus ();
e.Result = true;
}
}
protected override void OnElementPropertyChanged (object sender, PropertyChangedEventArgs e) protected override void OnElementPropertyChanged (object sender, PropertyChangedEventArgs e)
{ {
if (e.PropertyName == Entry.PlaceholderProperty.PropertyName || e.PropertyName == Entry.PlaceholderColorProperty.PropertyName) if (e.PropertyName == Entry.PlaceholderProperty.PropertyName || e.PropertyName == Entry.PlaceholderColorProperty.PropertyName)

View File

@ -243,6 +243,11 @@ namespace Ooui
Call ("setCapture", retargetToElement); Call ("setCapture", retargetToElement);
} }
public void Focus ()
{
Call ("focus");
}
void HandleStylePropertyChanged (object sender, PropertyChangedEventArgs e) void HandleStylePropertyChanged (object sender, PropertyChangedEventArgs e)
{ {
SendSet ("style." + Style.GetJsName (e.PropertyName), Style[e.PropertyName]); SendSet ("style." + Style.GetJsName (e.PropertyName), Style[e.PropertyName]);