KeiStory

.NET MAUI TableView 사용하기

 

TableView는 .NET MAUI에서 데이터 또는 선택사항을 표시하기 위한 스크롤 가능한 리스트를 보여주는 뷰로, 행이 직접적으로 데이터 항목에 대응되지 않는 경우에 사용됩니다.

ListView나 CollectionView보다 특수화된 기능을 제공하며, 텍스트, 스위치, 버튼과 같은 상호 작용적 요소들을 섹션으로 그룹화 할 수 있습니다.

아래 예시 코드에서 알 수 있듯이 TableSection 으로 나누게 되면 그룹화가 되어 화면이 표시됩니다.

<TableView Intent="Data">
    <TableRoot>
        <TableSection Title="Kei">
            <TextCell
                Command="{Binding SiteCommand}"
                Detail="Visit site Kei (kei)"
                Text="Introduction to kei" />
            <ImageCell
                Detail="Intorduce keisoft"
                ImageSource="kei.png"
                Text="KEISOFT" />
            <EntryCell Label="Input Text" Placeholder="" />
        </TableSection>
        <TableSection Title="Setting">
            <SwitchCell On="False" Text="Push Notification" />
            <SwitchCell On="False" Text="Airplane Mode" />
        </TableSection>
    </TableRoot>
</TableView>

TextCell, ImageCell, SwitchCell, EntryCell 등이 있으며 각 Cell 클릭시 이벤트는 Command 에 연결하여 사용합니다.


소스
https://github.com/kei-soft/KJunBlog/tree/master/Maui.ControlTest

반응형

공유하기

facebook twitter kakaoTalk kakaostory naver band