17 November, 2023

[C#] Smooth Typing Effect in RichTextBox like MS Word 2013

Xin chào các bạn, bài viết hôm nay mình sẽ chia sẽ đến các bạn cách thực hiện hiệu ứng gõ phím Smooth Typing Effect trên RichTextBox like Microsoft Word 2013 trên C# winform.
 

[C#] Hiệu ứng gõ phím Smooth typing Effect RichTextBox giống MS Word 2013

Từ phiên bản office 2013, các bạn sẽ thấy Microsoft có tích hợp thêm hiệu ứng smooth typing khi chúng ta soạn thảo văn bản.

Khi gõ text, con nháy đơn sẽ di chuyển từ từ giống đồng hồ chạy tự động nhìn rất mượt.
Hình ảnh demo ứng dụng Smooth Typing Effect C#:

Bạn nhìn hình demo trên, các bạn dễ dàng thấy con nháy đơn soạn thảo nó di chuyển từ từ.
Để chỉnh tốc độ nhanh hay chậm các bạn thay đổi thông số ở Thread.Sleep này nhé.
Thread.Sleep(20); // set speed effect slow or fast

Full source code Smooth Typing Effect C#:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Runtime.InteropServices;
using System.Text;
using System.Threading;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace SmoothTypingText
{
    public partial class Form1 : Form
    {       
        [DllImport("user32.dll")] static extern bool SetCaretPos(int x, int y);
        [DllImport("user32.dll")] static extern Point GetCaretPos(out Point point);
        public int speed = 20;
        public Form1()
        {
            InitializeComponent();
            Point targetCaretPos;
            GetCaretPos(out targetCaretPos);            
            richTextBox1.TextChanged += (s, e) =>
            {               
                Point temp;
                GetCaretPos(out temp);
                SetCaretPos(targetCaretPos.X, targetCaretPos.Y);
                targetCaretPos = temp;
            };
          
            Thread t = new Thread(() =>
            {
                Point current = targetCaretPos;
                while (true)
                {
                    if (current != targetCaretPos)
                    {
                       
                        if (Math.Abs(current.X - targetCaretPos.X) + Math.Abs(current.Y - targetCaretPos.Y) > 30)
                            current = targetCaretPos; 
                        else
                        {
                            current.X += Math.Sign(targetCaretPos.X - current.X);
                            current.Y += Math.Sign(targetCaretPos.Y - current.Y);
                        }

                      
                        richTextBox1.Invoke((Action)(() => SetCaretPos(current.X, current.Y)));
                    }                    
                    Thread.Sleep(20); // set speed effect slow or fast
                }
            });
            t.IsBackground = true; 
            t.Start();
        }
        
    }
}

Video demo ứng dụng smooth effect typing c#:



DOWNLOAD FULL SOURCE CODE

PASSWORD UNZIP: HUNG.PRO.VN
Chúc các bạn thành công với thủ thuật trên.

Hướng dẫn bình luận

Mọi người để lại bình luận góp ý, nhận xét về những bài viết mà mình chia sẽ văn minh lịch sự hay kích động, Không spam, không chèn link quảng cáo, bán hàng, Không sử dụng từ ngữ thô tục, xúc phạm, kích động, Link chỉ được phép khi thực sự liên quan đến nội dung bài viết, Không mạo danh người khác hoặc sử dụng email giả, Bình luận vi phạm sẽ bị xóa không cần thông báo trước.
Mọi người lưu ý răng, nếu muốn chia sẽ code ở bình luần thì cần mã hóa code trước khi bỏ vào khung nhé. :)
⑴ Chèn ℂ𝕤𝕤 theo mẫu : [pre css] ℂ𝕤𝕤 [/pre]
⑵ Chèn ℍ𝕥𝕞𝕝 theo mẫu : [pre html] ℍ𝕥𝕞𝕝 [/pre]
⑶ Chèn 𝕁𝕒𝕧𝕒𝕤𝕔𝕣𝕚𝕡𝕥 theo mẫu : [pre js] 𝕁𝕒𝕧𝕒𝕤𝕔𝕣𝕚𝕡𝕥 [/pre]

🖼️ Chèn 𝕀𝕞𝕒𝕘𝕖 theo mẫu : [img] 𝕃𝕚𝕟𝕜 𝕀𝕞𝕒𝕘𝕖 [/img]
🎞️ Chèn Video 𝕐𝕠𝕦𝕥𝕦𝕓𝕖 theo mẫu : [youtube] 𝕃𝕚𝕟𝕜 𝕪𝕠𝕦𝕥𝕦𝕓𝕖 [/youtube]

5 comments:

  1. làm chương trình notepad cho windows đi e :D :D

    ReplyDelete
    Replies
    1. hi, e k chuyên về csharp a nhé, e biết visual basic thôi a nhé, sẽ sớm ra mắt chương trình notepad như a yêu cầu cho a :D

      Delete
  2. Làm blog như code nhỉ 😄

    ReplyDelete
    Replies
    1. hehe, tại nhiều giao diện hay hay nên e thử trên blog a ạh :D

      Delete
  3. chương trình này cũng ổn đó e, nhưng tùy biến nữa để làm đẹp cho chương trình e nhé.

    ReplyDelete

@Tags

.NET (84) ANDROID (7) API (11) ASP.NET (1) AUTOIT (4) BLOGGER (74) BOT (2) Cam-Xuc (5) CHROME (17) CPP (7) CSHARP (115) CSS (40) DEVEXPRESS (24) DOMAIN (3) DOWNLOAD (74) EXCEL (6) EXTENSION (6) FACEBOOK (26) FIREFOX (3) GOOGLE (25) HTML (48) IOS (3) JAVASCRIPT (52) MICROSOFT (16) NUGET (10) OPERA BROWSER (1) PDF (4) PHP (7) POWERSHELL (1) PROGRAM (33) PYTHON (13) SECURITY (2) SEO (10) SOFTWARE (21) TELEGRAM (1) TIPS (100) TOOLS (13) UPDATE (3) VISUAL STUDIO (16) VPN (1) WINDOWS (113) WORDPRESS (8) YOUTUBE (4) ZALO (5)