ScrollView Inside Datatemplate not work about carouselview HOT 13 CLOSED

If you take a look at the demo, i use StackLayout inside ScrollView and it works without issues.

<ScrollView>
    <StackLayout Padding="12" Spacing="12">
			
	<controls:CVLabel Text="Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia."/>

    </StackLayout>
</ScrollView>

But, you have to use CVLabel. It's a custom control that set the height of the label depending on it's content.

public class CVLabel : Label
{
    public CVLabel()
    {
        SetBinding(Label.HeightRequestProperty, new Binding("WidthRequest", BindingMode.Default, new LabelHeightConverter(), this, null, this));
    }

    protected override void OnSizeAllocated(double width, double height)
    {
        base.OnSizeAllocated(width, height);

        WidthRequest = width;

        this.LayoutTo(new Rectangle(this.X, this.Y, width, height));

        this.InvalidateMeasure();
    }
}

from carouselview.

Ok,I used CVLabel but still cannot scroll I dont know I use formattedText of Label because there is some text needs to be colorized like Titles and numbers,here its my xaml code:

<ContentPage.Resources> <ResourceDictionary> <converter:PageToMainTextConverter x:Key="MainText" /> <converter:PageToFooterTextConverter x:Key="FooterText" /> <DataTemplate x:Key="PageData"> <StackLayout Orientation="Vertical"> <ScrollView VerticalOptions="FillAndExpand" Orientation="Vertical"> <control:CVLabel FormattedText="{Binding Page, Converter={StaticResource MainText}}" FontSize="30" HorizontalTextAlignment="End" /> </ScrollView> </StackLayout> </DataTemplate> </ResourceDictionary> </ContentPage.Resources> <StackLayout> <StackLayout /> <control:CarouselViewControl ItemsSource="{Binding Pages}" VerticalOptions="FillAndExpand" Orientation="Horizontal" HorizontalOptions="FillAndExpand" Position="{Binding PageIndex,Mode=TwoWay}" ItemTemplate="{StaticResource PageData}" x:Name="Pager"> </control:CarouselViewControl>

from carouselview.

You label is not wrapped by ScrollView

from carouselview.

sorry, I had problem with inserting code and still I have please Can you look at this now:
<ContentPage.Resources>
<ResourceDictionary>
<converter:PageToMainTextConverter x:Key="MainText" />
<converter:PageToFooterTextConverter x:Key="FooterText" />
<DataTemplate x:Key="PageData">
<StackLayout Orientation="Vertical">
<ScrollView VerticalOptions="FillAndExpand" Orientation="Vertical">
<control:CVLabel FormattedText="{Binding Page, Converter={StaticResource MainText}}"
FontSize="30"
HorizontalTextAlignment="End" />
</ScrollView>
</StackLayout>
</DataTemplate>
</ResourceDictionary>
</ContentPage.Resources>
<StackLayout>
<control:CarouselViewControl ItemsSource="{Binding Pages}"
VerticalOptions="FillAndExpand" Orientation="Horizontal"
HorizontalOptions="FillAndExpand"
Position="{Binding PageIndex,Mode=TwoWay}"
ItemTemplate="{StaticResource PageData}"
x:Name="Pager">

    `</control:CarouselViewControl> `

from carouselview.

Thank you alexrainman, you guided me to the right way I added another overload measure method and passed FormattedString instead of string variable type,and in implementation I just converted it to string by
text.ToString(),then from LabelHeightConverter I used label.FormattedText and it works.

Again Thank you so much.

from carouselview.

Can you share your implementation?

from carouselview.

Off course:
int ITextMeter interface I added:

double MeasureTextSize(FormattedString text, double width, double fontSize, string fontName = null);

In Droid project: in TextMeterImplementation:

`public double MeasureTextSize(FormattedString text, double width, double fontSize, string fontName = null)
{
var textView = new TextView(global::Android.App.Application.Context);
textView.Typeface = GetTypeface(fontName);
textView.SetText(text.ToString(), TextView.BufferType.Normal);
textView.SetTextSize(ComplexUnitType.Px, (float)fontSize);

        int widthMeasureSpec = AViews.View.MeasureSpec.MakeMeasureSpec(
            (int)width, AViews.MeasureSpecMode.AtMost);
        int heightMeasureSpec = AViews.View.MeasureSpec.MakeMeasureSpec(
            0, AViews.MeasureSpecMode.Unspecified);

        textView.Measure(widthMeasureSpec, heightMeasureSpec);

        return (double)textView.MeasuredHeight;
    }`

In LabelHeightConverter I used:

var height = DependencyService.Get<ITextMeter>().MeasureTextSize(label.FormattedText, width, label.FontSize, label.FontFamily);

That's all.

from carouselview.

And iOS?

from carouselview.

I didn't tested it, sorry

from carouselview.

I released a new version with lot of fixes and improvements, including support for latest Forms.

from carouselview.

Does latest release solve this?

from carouselview.

If my work is helping you, please help me back: https://xamarinhq.wufoo.com/forms/nominate-a-xamarin-mvp/

from carouselview.

This is what i have done that is community visible:

• Alex has been pretty active sharing his knowledge and answering questions in StackOverflow, GitHub and Xamarin Forums.
• Alex has been open sourcing Xamarin components and plugin with the community, with more of 10 repositories being maintained on GitHub.
• One of Alex's Xamarin.Forms plugin, the CarouselView, is currently being pulled into the Xamarin.Forms core (xamarin/Xamarin.Forms#853). As an stable widget, this control has become the standard for Xamarin.Forms carousel screens with more that 16K downloads in NuGet and more than 100 solved and not open issues.
• Another Alex's plugin, the SegmentedControl (https://github.com/alexrainman/SegmentedControl), is a big candidate to be also pulled into Xamarin.Forms core.
• Plus Xamarin.Forms UI related plugins, Alex shares plugins to set app icon Badge, Google Analytics and KeyChain access.
• Alex shares his knowledge about cutting edge technologies like Couchbase NoSQL and MobileIron integration with Xamarin Apps.

from carouselview.