خانه برنامه نویسی اموزش برنامه نویسی Qt – QPushButton – stylesheet
آموش qt - qpushbutton - stylesheet

اموزش برنامه نویسی Qt – QPushButton – stylesheet


۵ فروردین ۱۳۹۸
رضا احمدی
653 بازدید
دسته بندی : Qt creator , برنامه نویسی

استفاده از کلید ها در هر نرم افزار که رابط کاربری مناسبی داشته باشد اجتناب ناپذیر است.در محیط برنامه نویسی کیوتی این کلیدها از طریق کلاس QPushButton ساخته می شود.

چند راخ هست برای ساخت یک کلید ولی ساه ترین راه آن استفاده از محیط طراحی فرم نرم افزار کیوتی است مانند تصویر زیر که با درگ ند دروپ آن را میتوانیم به فرم اضافه کنیم:

Qpushbutton
Qpushbutton

کلید ها بصورت پیشفرض مانند تصویر بالا هستند که برای تغییر نام آبجکت در کیوتی از پنجره property مانند تصویر زیر استفاده میکنیم:

Qpushbutton - property
Qpushbutton – property

اما برای تغییر شکل این کلید ها می توانیم از طریق کد های css(QSS) به فرم ها و اشیا گرافیکیمون شکل و سبک و استایل متفاوت بدهسم.اگر بر روی فرم یک راست کلیک بزنیم و گزینه change stylesheet  را انتخاب کنیم میتواینم برای تمام اشیا صفحه استایل خاصی بدیم. همچنین روی هر شی خاص میتوانیم این گزینه را انتخاب کنیم…

برای مثال اگر استایل شیت زیر را به این صفحه اضافه کنیم نتجه جالبی را خواهیم دید:

  1. QPushButton{
  2. background:#03dac6;
  3. color:white;
  4. font-size:14pt;
  5. border:0px;
  6. border-top-left-radius:40px;
  7. border-bottom-right-radius:40px;
  8. min-height:80px;
  9. min-width:80px;
  10. }
  11.  
  12. QPushButton#btn_3{
  13. background:#0187c6
  14. }
  15.  
  16. QPushButton:hover{
  17. background:#41cd52;
  18. }

آموش qt - qpushbutton - stylesheet
آموش qt – qpushbutton – stylesheet

برای تغییر استایل شیت هر آبجکتی کافی است برای اسم آن آبجکت استایل را تعریف کنیم . همانطور که مشخص است برای تمامی آبجکت های QPushButton  پس زمینه رنگ آبی کم رنگ در نظز گرفته شده و ویژگی Radius خاصی به آن داده شده است. حال برای انتصاب ویژگی های خاص به کلید سه  که نام این آبجکت btn_3 گذاشتیم از طریق QPushButton#btn_3  انجام شده است.

QPushButton#btn_3{
background:#0187c6
}

همانطور که میدادنید از ویژگی hover  در css رویدادی است که هنکامی که موس بر روی شی قرار میگیرد … که درینجا گفتیم رنگ پس زمینه کلید ها را در این رویداد سبز کن…

ادامه دارد …

مطالب مرتبط

 دیدگاهتان را بنویسید   

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *