Xamarin Forms 秒表毫秒格式

Question

I'm using simple stopwatch in xamarin forms, everything is ok but when I use lable to view it, it shows the milliseconds include (7) digits as follows: 00:00:00:0000000

how i can make it less or formatted it as I want?

Stopwatch stopWatch = new Stopwatch();
stopWatch.Start();
            Device.StartTimer(TimeSpan.FromMilliseconds(0), () =>
            {
                lblText.Text = stopWatch.Elapsed.ToString();
                return true;


            });

Answer 1

You could format with string.Format .

// Get the elapsed time as a TimeSpan value.
        TimeSpan ts = stopWatch.Elapsed;

        // Format and display the TimeSpan value.
        string elapsedTime = string.Format("{0:00}:{1:00}:{2:00}.{3:00}",
            ts.Hours, ts.Minutes, ts.Seconds,
            ts.Milliseconds / 10);

Update：

Xaml:

  <StackLayout>
        <Label x:Name="lbl_result" FontSize="Large" />
        <StackLayout Orientation="Horizontal">
            <Button
                x:Name="btn_Start"
                Clicked="btn_Start_Clicked"
                Text="Start" />
            <Button
                x:Name="btn_Stop"
                Clicked="btn_Stop_Clicked"
                Text="Stop" />
        </StackLayout>
    </StackLayout>

Code behind:

 private void btn_Start_Clicked(object sender, EventArgs e)
    {
        btn_Start.IsVisible = false;
        stopWatch.Start();

        btn_Stop.IsVisible = true;
    }

    private void btn_Stop_Clicked(object sender, EventArgs e)
    {
        stopWatch.Stop();
        // Get the elapsed time as a TimeSpan value.
        TimeSpan ts = stopWatch.Elapsed;

        // Format and display the TimeSpan value.
        string elapsedTime = string.Format("{0:00}:{1:00}:{2:00}.{3:00}",
            ts.Hours, ts.Minutes, ts.Seconds,
            ts.Milliseconds/10);

        lbl_result.Text = elapsedTime;
        btn_Start.IsVisible = true;
        btn_Stop.IsVisible = false;
    }

Update2:

If you wanna see the time running as real time, you could use Timer.

Xaml:

<StackLayout>
    <Label x:Name="lbl_result" FontSize="Large" />
    <StackLayout Orientation="Horizontal">
        <Button
            x:Name="btn_Start"
            Clicked="btn_Start_Clicked"
            Text="Start" />
        <Button
            x:Name="btn_Stop"
            Clicked="btn_Stop_Clicked"
            Text="Stop" />
    </StackLayout>
</StackLayout>

Code behind:

 public partial class MainPage : ContentPage
{
    public MainPage()
    {
        InitializeComponent();
    }
    Timer timer;
    int hours = 0, mins = 0, secs = 0, milliseconds = 0;
    private void btn_Start_Clicked(object sender, EventArgs e)
    {
        timer = new Timer();
        timer.Interval = 1; // 1 milliseconds  
        timer.Elapsed += Timer_Elapsed; ;
        timer.Start();
    }

    private void Timer_Elapsed(object sender, ElapsedEventArgs e)
    {
        milliseconds++;
        if (milliseconds >= 1000)
        {
            secs++;
            milliseconds = 0;
        }
        if (secs == 59)
        {
            mins++;
            secs = 0;

        }
        if (mins == 59)
        {
            hours++;
            mins = 0;
        }
        Device.BeginInvokeOnMainThread(() =>
        {
            lbl_result.Text = string.Format("{0:00}:{1:00}:{2:00}.{3:00}", hours, mins, secs, milliseconds / 10);
        });
    }

    private void btn_Stop_Clicked(object sender, EventArgs e)
    {
        timer.Stop();
        timer = null;
    }
}

Output: