첨부 실행 코드는 나눔고딕코딩 폰트를 사용합니다.
본 블로그는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 블로그 콘텐츠 향상을 위해 쓰여집니다.

728x90
반응형
728x170

TestProject.zip
다운로드

▶ MainWindow.xaml

<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    Width="800"
    Height="600"
    Title="Per-Pixel 스크롤을 위한 커스텀 스크롤 애니메이션 구현하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <dxg:GridControl x:Name="gridControl"
            AutoPopulateColumns="True">
            <dxg:GridControl.View>
                <dxg:TableView x:Name="tableView"
                    AllowPerPixelScrolling="True"
                    ScrollAnimationMode="Custom"
                    CustomScrollAnimation="tableView_CustomScrollAnimation" />
            </dxg:GridControl.View>
        </dxg:GridControl>
    </Grid>
</Window>

 

728x90

 

▶ MainWindow.xaml.cs

using System;
using System.Collections.Generic;
using System.Windows;
using System.Windows.Media.Animation;

using DevExpress.Xpf.Grid;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            this.gridControl.ItemsSource = GetData();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 테이블 뷰 커스텀 스크롤 애니메이션 처리하기 - tableView_CustomScrollAnimation(sender, e)

        /// <summary>
        /// 테이블 뷰 커스텀 스크롤 애니메이션 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void tableView_CustomScrollAnimation(object sender, CustomScrollAnimationEventArgs e)
        {
            e.Storyboard = new Storyboard();

            DoubleAnimation animation = new DoubleAnimation();

            animation.Duration       = new Duration(TimeSpan.FromMilliseconds(200));
            animation.From           = e.OldOffset;
            animation.To             = e.NewOffset;
            animation.EasingFunction = new ExponentialEase() { Exponent = 0 };

            e.Storyboard.Children.Add(animation);
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 데이터 구하기 - GetData()

        /// <summary>
        /// 데이터 구하기
        /// </summary>
        /// <returns>샘플 리스트</returns>
        private List<Sample> GetData()
        {
            List<Sample> list = new List<Sample>();

            for(int i = 0; i < 100; i++)
            {
                list.Add(new Sample() { ID = i, Value = string.Format("Value {0}", i)  });
            }

            return list;
        }

        #endregion
    }
}
728x90
반응형
그리드형
Posted by 사용자 icodebroker

댓글을 달아 주세요