Computer Science

시나리오

DB에서 어떠한 값들을 가져오는데

가져올때 COUNT에 맞춰서 컨트롤을 증가시켜서 새로운 창을 띄운다.


Crop_Temper();  //쿼리에서 값 가져오기
ColumnDefine(); //열 생성
RowDefine();    //로우 생성
AddLine();      //동적으로 컨트롤 생성
ButtonAdd();    //버튼생성



1.
Crop_Temper() 에서 어떠한 컨트롤 생성할때 필요한 값들을 가져온다. 여기에서 가져온 COUNT만큼 Row의

갯수를 증가시킬것이다.


2.
        private void ColumnDefine() //열을 증가시킨다.
        {          
            ColumnDefinition column1 = new ColumnDefinition();
            column1.MinWidth = 100;
            ColumnDefinition column2 = new ColumnDefinition();
            column2.MinWidth = 150;

            MainGrid.ColumnDefinitions.Add(column1);
            MainGrid.ColumnDefinitions.Add(column2);

        }

3.
        private void RowDefine() //행을 추가한다.
        {
            for (int i = 0; i <= Temper_List.Temper_Name.Count; i++)  //DB에서 가져온 값갯수만큼 행을 만든다.
            {
                RowDefinition row1 = new RowDefinition();
                row1.MinHeight = 30;                               
                MainGrid.RowDefinitions.Add(row1);               
            }           
        }

4.
        private void AddLine() //입력창 추가
        {
            for (int i = 0; i < Temper_List.Temper_Name.Count; i++) 
            {       
//여기서는 행과 열에 맞게 라벨과 텍스트박스를 추가시킨다.

                Label lbTest1 = new Label();
                lbTest1.Content = Temper_List.Temper_Name[i].ToString();
                lbTest1.FontSize = 12;
                lbTest1.HorizontalAlignment = HorizontalAlignment.Center;
                lbTest1.VerticalAlignment = VerticalAlignment.Center;   

                Grid.SetRow(lbTest1, i);
                Grid.SetColumn(lbTest1, 0);
                MainGrid.Children.Add(lbTest1);

                TextBox tbTest1 = new TextBox();
                tbTest1.TextAlignment = TextAlignment.Center;
                tbTest1.VerticalContentAlignment = VerticalAlignment.Center;
                Grid.SetRow(tbTest1, i);
                Grid.SetColumn(tbTest1, 1);
               MainGrid.Children.Add(tbTest1);
            }           
        }

5. 버튼도 위와 같은 식으로 추가한다.



위와같이 했다면 아래와 같이 창이 뜨게 될것이다.
DB에서 가져오는 값들이 다름에 따라 창들도 동적으로 변한다.

우선 전에 썼었던 MediaTimeline과 MediaClock 클래스를 사용하지않았다.

Timeline을 셋팅하고 그 상태서 Clock을 생성하고 그 Clock을 MediaElement와 연결했지만

연결을 하게되면 MediaElement로 제어가 되질않고  미디어엘리먼트의 클락의 컨트롤러로 제어를 해야됐다. 그리고  MediaElement에 position을 지정 해줄수 가 없었다. position을 임의로 지정하게 되면

미디어를 지정하는동안 클락을 변경할 수 없다 라는 오류가 난다.

이것을 해결하기위해서 여러 방법을 써봤는데 해결하지 못하였고

결국 MediaTImeline과 MediaClock을 사용하지 않는 방법을 사용하였다.

해결방법은

DispatcherTimer를 이용하였는데  우선 bool 변수를 하나 선언해서

매초마다 이벤트가 발생해서 미디어 -> 슬라이더바가  변경 될때와

슬라이더바가 움직여서 영상이 바뀔때가 겹치지않게 bool로 제어를 해주었다.


아래와같다~!

bool con = false;

//마우스를 떼면 false로 바뀌고 Tick이 다시 계속 실행된다.
private void timebar_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
      con = false;            
}        

//마우스를 클릭하면 true로 바뀌고
private void timebar_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
      con = true;
}

//클릭하면서 true로 바뀌었고  Tick이 발생안한다. 그 때 바를 움직여서 Position을 바꿔놓는다.
private void timebar_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
{
       if (con)
      {
       int SliderValue = (int)timebar.Value;

       TimeSpan ts = new TimeSpan(0, 0, 0, 0, SliderValue);

       mediaElement1.Position = ts;
       }
}

//초기값이 false이기 때문에 계속 실행된다.
void timer_Tick(object sender, EventArgs e)
{
    if (!con)
    {
        timebar.Value = mediaElement1.Position.TotalMilliseconds;   
              
        TimeSpan ts = new TimeSpan();
        ts = mediaElement1.Position;
                
        textBox1.Text = (string)ts.Seconds;
                
    }
}   

주요 클래스

- 미디어를 대화형으로 중지, 일시 중지 및 재생할 수 있으려면 MediaElement의 LoadedBehavior속성을 Manual로 설정해야 합니다

- MediaTimeline에는 연결된 Duration 및 BeginTime 속성이 있으며 이 속성을 사용하여 미디어의 시작 시간과 재생 시간을 지정할 수 있다.

클래스간의 연동

- MediaTimeline 개체에서 생성된 Clock개체를 생성해서 MediaClock으로 값을 대입해주고 MediaClock을 MediaElement와 연결 시켜준다.

예)

1. MediaClock  mc =  MediaTimeline.CreateClock();

2. mediaelement.Clock = mc;

당연히 위에 타임라인에서 클락을 생성할 때 타임라인에는 기본적인 정보들이 들어가 있어야 한다.

미디어플레이어만들기

1.     미디어가 정보들이 셋팅되어서 열릴 준비가 되었을 때

타임슬라이더바에 전체시간 적용

2.     미디어를 열 때

파일을 열고 클락과 엘리먼트를 연동시켜준 후 이벤트를 등록한다.

3.     미디어타임 이벤트 발생시

시간변경시 타임슬라이더바 값 변경

4.     타임슬라이더 위치 수동으로 변화시

마우스 끌어서 슬라이더바 특정시간으로 옮기기

사실 위와같이 하면 포지션의 위치가 바껴야되는게 맞지만 클락과 엘리먼트가 연동되있는 상태에서는 이것이 안되는걸 발견하였다.

이러한 오류가발생한다.

미디어 플레이어에 클럭이 지정되는 동안 이 작업을 수행할 수 없습니다

그래서 이것을 해결하기위해 미디어를 정지시켜놓고도 해보고  클락을 해제했다가도 해보고 여러가지 방법을 써봤지만 해결을 못하였다.

결론은 일단은 클락을 연동안시키고 해결하는 방법밖에 없다. 그러면 슬라이더바만을 특정시간으로 이동시킬수 있다.

방법이 있겠지만 아직 해결못하여서 해결되게되면 업데이트 하겠다.

5.     재생, 정지, 잠시멈춤, 다시재생

TIP – 위에서는 타임슬라이더 연동하는것만 나왔는데 볼륨슬라이더도 있다. 볼륨슬라이더는 아주 쉬운 방법으로 영상과 연동시켰다.

XAML 코드에 바인딩만 추가 하면 된다.

Value="{Binding ElementName=mediaElement1 , Path=Position, Mode=TwoWay}"

 
시간이 되면 못다한 기능들을 더 추가해야겠다!~!