Xamarin Forms, XAML의 동적 ScrollView

앤디 펠튼

다음 코드가 생성하는 프레임 스크롤과 유사한 GUI를 만들고 싶습니다.

그러나 이상적으로는 XAML에서 항목 소스로 채워지는 동적 콘텐츠 프레임의 스크롤을 가질 수 있기를 원합니다. 내가 볼 수있는 항목보기를 기반으로 사용자 정의보기를 작성하지 않고는 이것이 가능하지 않다고 생각합니다. ListView 및 CollectionView는 내가 원하는 것을 수행하지 않습니다.

미리보기 CarouselView를 사용해야한다고 생각하는데, 내가없는 일을 할 수있는 방법이 있는지 궁금합니다.

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="FlexTest.MainPage">

    <ContentPage.Resources>
    <Style TargetType="Frame">
        <Setter Property="WidthRequest" Value="300"/>
        <Setter Property="HeightRequest" Value="500"/>
        <Setter Property="Margin" Value="10"/>
        <Setter Property="CornerRadius" Value="20"/>
    </Style>
    </ContentPage.Resources>
    
    
    <ScrollView Orientation="Both">
        <FlexLayout>
            <Frame BackgroundColor="Yellow">
                <FlexLayout Direction="Column">
                    <Label Text="Panel 1"/>
                    <Label Text="A Panel"/>
                    <Button Text="Click Me"/>
                </FlexLayout>
            </Frame>
            <Frame BackgroundColor="OrangeRed">
                <FlexLayout Direction="Column">
                    <Label Text="Panel 2"/>
                    <Label Text="Another Panel"/>
                    <Button Text="Click Me"/>
                </FlexLayout>
            </Frame>
            <Frame BackgroundColor="ForestGreen">
                <FlexLayout Direction="Column">
                    <Label Text="Panel 3"/>
                    <Label Text="A Third Panel"/>
                    <Button Text="Click Me"/>
                </FlexLayout>
            </Frame>
        </FlexLayout>
    </ScrollView>
</ContentPage>

고마워 앤디.

Jarvan Zhang-MSFT

스크롤 가능한보기를 구현하고 각 하위 항목에 가로로 스크롤 할 수있는 여러 콘텐츠가 포함되어 있습니까?

이 기능의 경우를 표시하려고 CarouselViewA의 ListView.

코드 확인 :

<ListView ...>
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <CarouselView>
                    <CarouselView.ItemTemplate>
                        <DataTemplate>
                            ...
                        </DataTemplate>
                    </CarouselView.ItemTemplate>
                </CarouselView>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

CarouselView에 대한 자습서 :
https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/carouselview/introduction

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

DataTemplate 내의 Xamarin.Forms ScrollView.ScrollToAsync

분류에서Dev

Xamarin Forms Switch XAML

분류에서Dev

Xamarin.Forms XAML RelativeLayout : 하나의 높이를 정의하고 나머지는 동적으로 채 웁니다.

분류에서Dev

Xamarin.Forms iOS에서 ScrollView의 Z- 인덱스 설정

분류에서Dev

뷰셀의 크기를 동적으로 변경하는 Xamarin Forms

분류에서Dev

Xamarin Forms의 기본 XAML 페이지와 새 XAML 페이지가 동일하지 않습니다.

분류에서Dev

xamarin.forms scrollview 아래쪽에 고정

분류에서Dev

xamarin.forms-shell을 사용하여 XAML 내에서 <ShellContent> 형식의 Tab.Items 목록을 동적으로 바인딩하는 방법

분류에서Dev

Xamarin.Forms의 Newtonsoft.Json 동적 예외-IOS / 장치 / 릴리스에서만

분류에서Dev

Xamarin.Forms의 MasterDetailPage에 대한 XAML의 데이터 바인딩

분류에서Dev

Xamarin 양식 : Xamarin.Forms.Color를 반환하는 함수의 비정상적인 동작

분류에서Dev

Xamarin Forms의 stacklayout에서 두 개의 scrollview를 함께 표시 할 수 없습니다.

분류에서Dev

App.xaml.cs의 Xamarin Forms 업데이트 값

분류에서Dev

xaml (Xamarin.forms)에서 호출되지 않은 Integer BindableProperty의 Setter

분류에서Dev

Xamarin.Forms.Xaml.XamlParseException : 이름 AutomationId의 속성이 없습니다.

분류에서Dev

Xamarin.Forms-XAML의 <div>에 해당합니까?

분류에서Dev

Visual Studio 2017 XAML 유효성 검사의 Xamarin Forms

분류에서Dev

하위 항목이 추가 될 때 Xamarin Forms ScrollView 지터

분류에서Dev

Xamarin.Forms.Scrollview에서 종료 된 스크롤링 감지

분류에서Dev

Xamarin.Forms.Scrollview에서 종료 된 스크롤링 감지

분류에서Dev

Xamarin.Forms.Maps Visual Studio에서 C # 코드의 변수를 사용하여 .xaml 파일의 정적지도 좌표 변경

분류에서Dev

Xamarin.Forms의 적절한 Page.Loaded 이벤트

분류에서Dev

Xamarin.Forms의 XAML 바인딩에있는 변수의 문자열 연결

분류에서Dev

Xamarin.Forms, XAML 및 XMLNS 문제

분류에서Dev

Xamarin.Forms : C # 코드와 XAML 코드

분류에서Dev

Onlaunched의 Xamarin.Forms.Forms.Init (e) FileNotFoundExeception

분류에서Dev

xamarin.forms의 LocationInView 해당

분류에서Dev

CarouselView의 Xamarin Forms 태그

분류에서Dev

Xamarin.Forms의 Http 게시

Related 관련 기사

  1. 1

    DataTemplate 내의 Xamarin.Forms ScrollView.ScrollToAsync

  2. 2

    Xamarin Forms Switch XAML

  3. 3

    Xamarin.Forms XAML RelativeLayout : 하나의 높이를 정의하고 나머지는 동적으로 채 웁니다.

  4. 4

    Xamarin.Forms iOS에서 ScrollView의 Z- 인덱스 설정

  5. 5

    뷰셀의 크기를 동적으로 변경하는 Xamarin Forms

  6. 6

    Xamarin Forms의 기본 XAML 페이지와 새 XAML 페이지가 동일하지 않습니다.

  7. 7

    xamarin.forms scrollview 아래쪽에 고정

  8. 8

    xamarin.forms-shell을 사용하여 XAML 내에서 <ShellContent> 형식의 Tab.Items 목록을 동적으로 바인딩하는 방법

  9. 9

    Xamarin.Forms의 Newtonsoft.Json 동적 예외-IOS / 장치 / 릴리스에서만

  10. 10

    Xamarin.Forms의 MasterDetailPage에 대한 XAML의 데이터 바인딩

  11. 11

    Xamarin 양식 : Xamarin.Forms.Color를 반환하는 함수의 비정상적인 동작

  12. 12

    Xamarin Forms의 stacklayout에서 두 개의 scrollview를 함께 표시 할 수 없습니다.

  13. 13

    App.xaml.cs의 Xamarin Forms 업데이트 값

  14. 14

    xaml (Xamarin.forms)에서 호출되지 않은 Integer BindableProperty의 Setter

  15. 15

    Xamarin.Forms.Xaml.XamlParseException : 이름 AutomationId의 속성이 없습니다.

  16. 16

    Xamarin.Forms-XAML의 <div>에 해당합니까?

  17. 17

    Visual Studio 2017 XAML 유효성 검사의 Xamarin Forms

  18. 18

    하위 항목이 추가 될 때 Xamarin Forms ScrollView 지터

  19. 19

    Xamarin.Forms.Scrollview에서 종료 된 스크롤링 감지

  20. 20

    Xamarin.Forms.Scrollview에서 종료 된 스크롤링 감지

  21. 21

    Xamarin.Forms.Maps Visual Studio에서 C # 코드의 변수를 사용하여 .xaml 파일의 정적지도 좌표 변경

  22. 22

    Xamarin.Forms의 적절한 Page.Loaded 이벤트

  23. 23

    Xamarin.Forms의 XAML 바인딩에있는 변수의 문자열 연결

  24. 24

    Xamarin.Forms, XAML 및 XMLNS 문제

  25. 25

    Xamarin.Forms : C # 코드와 XAML 코드

  26. 26

    Onlaunched의 Xamarin.Forms.Forms.Init (e) FileNotFoundExeception

  27. 27

    xamarin.forms의 LocationInView 해당

  28. 28

    CarouselView의 Xamarin Forms 태그

  29. 29

    Xamarin.Forms의 Http 게시

뜨겁다태그

보관