[Series Lập Trình Qt] #3 Tìm hiểu 1 số view thông dụng.

Ở phần trước chúng ta đã viết được chương trình đầu tiên với giao diện đồ họa, ở phần này chúng ta sẽ tìm hiểu 1 số view cơ bản của

1. Label

Tạo project mới, mở cửa sổ UI kéo 1 label và đặt tên cho nó. ở đây mình đặt là lb_simple.

untitled

quay lại cửa sổ chúng ta sẽ setText cho nó (sử dụng QString::fromUtf8() để viết tiếng Việt)

untitled

Một vấn đề với label với văn bản quá dài nó chỉ hiển thị được 1 phần, giải pháp ở đây là dùng Text Browser.

Ở đây mình sẽ ví dụ phức tạp hơn 1 chút với tương tác giữa 4 view: label, button, text browser

và text edit.

Thiết kế giao diệnuntitled

Ở đây ta muốn khi button được nhấn getText ở edit text và set cho label và textBrowser ta làm như sau:

chọn push button-> go to slot-> clicked. Ta viết hàm như sau ( chú ý tên của các view):

void MainWindow::on_pb_show_clicked()
{
     // lấy text từ edit text
     QString s=ui->te_simple->toPlainText();
     // set cho label và text browser
     ui->lb_simple->setText(s);
     ui->tb_simple->setText(s);
}

Chạy ta sẽ được kết quả

untitled

Thử với 1 văn bản dài ta sẽ nhận thấy điểm yếu của label

untitled

 

Một suy nghĩ 1 thoughts on “[Series Lập Trình Qt] #3 Tìm hiểu 1 số view thông dụng.

Trả lời

Điền thông tin vào ô dưới đây hoặc nhấn vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất /  Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất /  Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất /  Thay đổi )

Connecting to %s