Xamarin.iOS dynamically ScrollView

Question

I really need your help. I'm new at developing Xamarin.iOS apps and now I'm totally stuck. I cannot get the hang of how to implement a dynamic ScrollView in iOS, it was fairly easy to implement on Android.

So what I'm trying to implement is a view that contains mostly text (that will be quite long, hence the scrolling, but also two buttons.

Here is a gif in Android showing what I'm trying to achieve

The view is like this:

Header Long text Copyright button -- Copyright text Terms of usage button -- Terms of usage text

I have struggled with the scrolling so long and I really need your help. All of the text properties are getting bound to the view by binding with MvvmCross so the view can't be with hard-coded heights and widths, it needs to adjust properly.

Can somebody please show me with a sample project how to implement it?

The view needs to be in a .xib view (because of MvvmCross) and it cannot contain a UIViewcontroller.

So the solution needs to be in a simple UIView

I'm working on a Windows, with Visual Studio 2015 enterprise, and I cannot use a Mac (and Xcode) other than to compile my code with.

What I've tried is a solution like this:

UIView called "MyRootview"
-- UIScrollView called "MyScrollView"
-- -- UIView called "MyContentView"

Can you please help me?

You can update height constraint programmatically – Taier Jul 10 '17 at 07:12 — Taier, Jul 10 '17 at 07:12
@Taier how would you do that? Can you explain? :) – wallef Jul 10 '17 at 08:00 — wallef, Jul 10 '17 at 08:00

score 0 · Answer 1 · answered Jul 10 '17 at 12:09

0

Method 1:

Use a TableView instead of ScrollView. Make the header row 1, long text row 2, button 1 and it's text row 3 and button 4 and it's text row 4.

Give row height for the last 2 rows so that you only see the button and on button click increase the row height and reload the table section.

Method 2:

If you keep wanna using ScrollView, put the button data in a label and give it a height of 0 (and number of lines 1) to hide it and on button click remove the height constraint and set the number of lines to 0 (max).

answered Jul 10 '17 at 12:09

Singhal2

450
7
22

Thanks for your help. I will give it a try. Do you have any example code to look at? – wallef Jul 11 '17 at 06:39
Try this: https://stackoverflow.com/a/1941766/2974780 And this: https://github.com/stvansolano/crossPlatformDevelopment/tree/master/FeaturedApps/ToDoApp/CrossPlatformApp/CrossPlatformApp/CustomControls/AccordionView – Singhal2 Jul 12 '17 at 08:04

score 0 · Accepted Answer · answered Aug 17 '17 at 06:02

0

I used FluentLayout instead. Very easy.

https://github.com/FluentLayout/Cirrious.FluentLayout

answered Aug 17 '17 at 06:02

wallef

487
3
11

Xamarin.iOS dynamically ScrollView

2 Answers2