Xamarin Forms - How to create a compose message entry? - xaml

How to create this kind of massive entry in xamarin forms xaml?
Concept image

Use the Editor control
<Editor HeightRequest="400" />

you are looking for an editor
<Editor/>
Editor Documentation

Related

Where is the designer view in WinUI 3?

I was developing uwp apps for the past few years, now moving to winui3. It is my first project. I am unable to find the designer view for the XAML files. Is it not available in WinUI3? or something else?
Unforturnately Designer View is not supported for now in WinUI3 for XAML files. You can track its status on Github:
https://github.com/microsoft/microsoft-ui-xaml/issues/5917
https://github.com/microsoft/microsoft-ui-xaml/issues/3656

Why is the Xamarin.Forms toolbox view empty?

Visual Studio for Mac 7.0
I'm a new to use the Ide
image
in the picture,the toolbox is empty。
I entered it by hand
<Button Text="ok"/>
No code hints
How can I solve this problem?
This is working as expected. There is no visual designer for Xamarin.Forms. XAML must be written manually. You can however use the XAML previewer to assist you.
The Preview button can be displayed on the editor by right-clicking a
XAML file, and selecting Open With > XAML Viewer. The preview pane can
then be shown or hidden by pressing the Preview button in the
top-right corner of any XAML document window
Information about the previewer can be found here: https://developer.xamarin.com/guides/xamarin-forms/xaml/xaml-previewer/

How to create a bootstrapper with a log window

Currently I'm using the standard WixStandardBootstrapperApplication.HyperlinkLicense bootstrapper theme.
This theme doesn't show much information during installation. I was wondering if there is a theme that shows the log output of each installer it executes. Maybe after clicking an advanced button. I've seen this in a few installers but of course I do not know for sure if these were made with Wix.
I've tried inspecting the existing themes with ThmViewer.exe but unfortunately this program either crashes, or displays no preview window.
I've found a reference to something called the ExecuteProgressActionDataText here
<Text Name="ExecuteProgressActionDataText" X="11" Y="163" Width="-11" Height="17" FontId="3" DisablePrefix="yes" />
But unfortunately I cannot get my bootstrapper to launch if I use the supplied theme file. I think I need a complete theme file, but I'm not sure where to find the original one for the WixStandardBootstrapperApplication.HyperlinkLince theme.
Any thoughts on how to create a bootstrapper with a log window?
Update:
I've found the original xml of the HyperLink theme here. Using that I've added the ExecuteProgressActionDataText element to my UI. Its a single label that displays a lot of events. But unfortunately its not a listbox or something like that which makes it quite useless. (There are way too many messages per second to make sense of them in a single label).
The theme file seems to be driven by WixStandardBootstrapperApplication.cpp and unfortunately I do not see any other variables defined there that have a name that indicates that they do what I want :(.
You have to modify the bootstrapperapplication.cpp to implement the listview yourself. You can add the view in the wix theme I believe but you would have to alter OnExecuteMsiMessage so that instead of using ThemeSetTextControl(....) you have to add a new list item to the listview. You should be able to do anything you want in the bootstrapper application with regards to the UI just need to figure out how

How to reference an icon resource file reference in XAML

I'm trying to get a button to display an icon in XAML. Initially I wanted to paste a character instead, but vb Express 2008 would not recognise it being a symbol as it is not a regular character. Then I created an icon and tried to set the button image property to reference it, but this does not exist, so more misery. Now I've used the project resources to add the icon file which it has shoved in the project resources directory.
What I want to do is use XAML to display the icon, in this tag:
<Button>
<Image Source="{StaticResource UpArrow}"/>
</Button>
I ideally want to have the image in a separate file and reference it by the project. I am a bit confused by the content/resource issue.
I tried to access it using:
<UserControl.Resources>
<BitmapImage x:Key="UpArrow" _
UriSource="Resources/_25B2_Triangle__black__up_pointing.ico" />
</UserControl.Resources>
I've read some stuff about the pack assembly which is massive and confusing. Surely, putting an icon into the resources file should make it easy to reference using /Resources or similar, instead of the absolute file path, otherwise, what is the point of it?
I am wanting to do it all in XAML rather than code-behind because then this work would all be done by the client, but maybe I am not undestanding when to use code behind. With WPF, there is very little written about what you are trying to do at the large scale and why you would want to do it, apart from MS constant refrain of how 'cool' it is, -which is not very helpful.
Thanks..
The easiest way to do this is:
<Button>
<Image Source="Resources/_25B2_Triangle__black__up_pointing.ico"/>
</Button>
The important thing to remember is to make sure that your icon file is recognized as a valid Resource by your application. With WPF, there is one more step you need to take versus the old winforms way of doing it.
In your Solution Explorer, expand the 'Resources' folder, then click on the "_25B2_Triangle_black_up_pointing.ico" file. Then press F4 for properties. Make sure that the 'Build Action' property is set to 'Resource'.

Is there a way to automatically reformat Blend's XAML view?

Blend tends to create its XAML in very long lines.
Is there a way to reformat it so that the properties of each element are lined up vertically under each other?
There isn't a feature in Blend that will autoformat XAML. I usually do xaml formatting with Visual Studio.
Another option is to paste your XAML into Kaxaml and use its excellent XAML scrubber, then paste the result back into Blend.
You can see a demo on Channel9: http://channel9.msdn.com/shows/Continuum/Kaxaml/
You can do it by using Visual Studio:
Change the default settings for XAML documents, and then use CTRL+E,D (Edit | Advanced | Format Document) or CTRL+E,F (Edit | Advanced | Format Selection).
http://weblogs.asp.net/fmarguerie/archive/2008/06/07/xaml-markup-formatting-in-visual-studio.aspx
Or try xaml styler hosted at http://xamlstyler.codeplex.com/ for visual studio 2010. If you ever used Kaxaml's Xaml Scrubber and you like it, then you could think of this extension is the "Xaml Scrubber" for Visual Studio.
Check http://xamlstyler.codeplex.com/ for feature highlights.
Go into Visual Studio. (I'm using 2012).
Tools > Options > Xaml Styler (at the bottom)
Under Misc
Set Beautify on saving xaml to FALSE
You can now save your xaml however you like, and it will stay like that.