CSharp ChatUI Winforms

C# chatui

Cantik dan responsif C# windform chat bubble/obrolan pidato.

Saya sedang mencari gelembung obrolan yang indah untuk C# WinForm, tetapi satu -satunya yang bisa saya temukan adalah Telerik yang tidak gratis. Jadi saya memutuskan untuk menulis satu.

Periksa SAAUI di https://saabytes.com, mereka memiliki gelembung obrolan dan banyak kontrol yang lebih indah dan gratis untuk penggunaan pribadi dan komersial.

Tangkapan layar

Penggunaan

Semua komponen dalam proyek ini responsif dan Anda tidak perlu khawatir kapan jendela Anda atau wadah mengubah ukuran. Mereka juga akan mengubah ukurannya dengan persentase ruang yang sama, dan penampilan mereka akan sama.

Komponen

Kecantikan

Chatheader

TypingBox

Kotak pencarian

Pengguna

Gelembung (2)

Kecantikan

Bentuk yang indah dengan sudut bundar. Lihat tangkapan layar di atas.

 public partial class Form1 : chat . BeautyForm
   {
       public Form1 ( )
       {
           InitializeComponent ( ) ;
       } 

Chatheader

Lihat tangkapan layar di atas, bagian paling atas di mana detail pengguna ditampilkan. Ini memiliki gambar profil pengguna, judul, status, panggilan, panggilan video, menu dot.

 chat . ChatHeader chatHeader1 = new chat . ChatHeader ( ) ;

chatHeader1 . UserTitle = "Abdisamad Moh." ; // Gets/Sets user title
chatHeader1 . UserStatusText = "Typing..." ; // Gets/Sets User status text.
chatHeader1 . UserImage = Some_Image ; // Gets/Sets User profile image

chatHeader1 . OnCallClick += Double tab to complete . // Fires when user clicks  Call icon
chatHeader1 . OnVideoCallClick += Double tab to complete . // Fires when user clicks Video Call icon
chatHeader1 . OnUserImageClick += Double tab to complete . // Fires when user clicks  Profile Image
chatHeader1 . OnUserStatusTextClick += Double tab to complete . // Fires when user clicks User status Text
chatHeader1 . OnUserTitleClick += Double tab to complete . // Fires when user clicks User Title Text
chatHeader1 . OnMenuDotClick += Double tab to complete . // Fires when user clicks Dot menu 

TypingBox

Kotak pengetikan pengguna yang indah dengan ikon emoji tertanam, ikon lampiran file.

 chat . TypingBox typingBox1 = new chat . TypingBox ( ) ;

typingBox1 . Value = "Hi" ; //Gets/Sets text of the typingBox.

typingBox1 . OnTypingTextChanged += Double tab to complete . // Fires when user writes something into the typingBox. This fires per character.
typingBox1 . OnHitEnter += Double tab to complete . // Fires when user hits ENTER key while the typingBox is focused. This fires before newline is created in the typingBox. SHIFT+ENTER will also create newline without firing this event.
typingBox1 . OnEmojiClicked += Double tab to complete . // Fires when user clicks Emoji icon in the typingBox.
typingBox1 . OnAttachmentClicked += Double tab to complete . // Fires when user clicks File attachment icon in the typingBox. 

Kotak pencarian

Lihat screenshot di atas, kotak teks dengan 'Cari Watermark' dan garis yang menggarisbawahi, yaitu Searchbox.

 chat . SearchBox searchBox1 = new chat . SearchBox ( ) ;

searchBox1 . Value = "Something" ; //Gets/Sets value in the searchBox.
searchBox1 . TextColor = Color . GradientActiveCaption ; //Gets/Sets text color and the bottom line color of the searchBox.
searchBox1 . FocusedColor =  Color . WhiteSmoke ; //Gets/Sets text color and the bottom line color of the searchBox when it is focused.
searchBox1 . UnFocusedColor = Color . GradientActiveCaption ; //Gets/Sets text color and the bottom line color of the searchBox when it is not focused.

searchBox1 . OnSearchTextChanged += Double tab to complete . // Fires when user writes something into the typingBox. This fires per character.
searchBox1 . OnHitEnter += Double tab to complete . // Fires when user hits ENTER key while the searchBox is focused. 

Pengguna

Kontrol pengguna yang indah dan dapat disesuaikan dengan gambar profil, nama pengguna (nama judul), teks status pengguna, mode status pengguna. Lihat pengguna di sisi kiri di tangkapan layar di atas.

 chat . Users user1 = new chat . Users ( ) ;

user1 . Username = "Abdisamad Moh." ; // Gets/Sets username or user title.
user1 . UserStatus = Status . Online ; //Option/Enum, Gets/Sets user status mode. Online, Away, Offline. U can add more if u want.
user1 . StatusMessage = "Online" ; //Gets/Sets status message
user1 . UserImage = Some_Image ; //Gets/Sets User profile image.
user1 . ProfileImageCursor = Cursors . Hand ; //Gets/Sets mouse cursor when user hovers mouse pointer over userImage.

user1 . OnClick +=  Double tab to complete . // Fires when anywhere on the user is clicked Including Username, statusText and StatusMode. However they will be excluded if u give them their own event.
user1 . OnUserTitleClick +=  Double tab to complete . // will fire when user clicks Username/Title. In this case, user1.OnClick will not be fired when user clicks on Username/Title.
user1 . OnUserStatusClick +=  Double tab to complete . // will fire when user clicks user status text. In this case, user1.OnClick will not be fired when user clicks on user status text..
user1 . OnUserStatusClick +=  Double tab to complete . // will fire when user clicks user status mode icon. In this case, user1.OnClick will not be fired when user clicks on user status mode icon.
user1 . OnProfileImageClick +=  Double tab to complete . // will fire when user clicks user profile image. In this case, user1.OnClick will not be fired when user clicks on user profile image.

//NOTE: Always use  'OnClick' event for this control instead of 'Click' event. 'OnClick' will take care of all other sub events. Double clicking this control on design time will generate 'Click' event instead of 'OnClick' event which is not recommended. In your Properties explorer find 'OnClick' event and double click to generate 'OnClick' event.

Gelembung (2)

Lihat screenshot, pesan -pesan pengisap itu adalah gelembung ucapan. Dalam proyek ini ada dua gelembung, 'Mebubble' dan 'YouBubble'. Keduanya memiliki sifat dan acara yang sama tetapi penggunaannya berbeda. 'Mebubble' adalah untuk obrolan keluar dan 'YouBubble' adalah untuk obrolan yang masuk.

Dalam contoh ini saya akan menggunakan 'Mebubble'. Keduanya bekerja dengan cara yang sama, memiliki properti dan acara yang sama. Hanya nama dan penggunaannya yang berbeda.

 chat . MeBubble meBubble1 = new chat . MeBubble ( ) ;

meBubble1 . Body = "This is a sample message text" ; //Gets/Sets message body.
meBubble1 . MsgColor = Color . DodgerBlue ; //Gets/Sets Message background color. 
//NOTE: 'BackColor' will change the whole control's background color while 'MsgColor' will only change the message Body part.
meBubble1 . MsgTextColor = Color . White ; //Gets/Sets message text color.
meBubble1 . ChatImageCursor = Cursors . Default ; //Gets/Sets mouse cursor when it hovers over Bubble profile image.
meBubble1 . ChatTextCursor = Cursors . IBeam ; //Gets/Sets mouse cursor when it hovers over chat body.
meBubble1 . Status = MessageStatus . Delivered ; //Option/Enum, Gets/Sets Message status. This is the tick option. Options:  Sending, Sent, Delivered, Read,  Error,  None, Custom. where None will hide the tick option and Custom will give u option to put what u want.
meBubble1 . StatusImage = Some_Image ; //Gets/Sets custom image for the message status option, that is the tick option.
meBubble1 . Time = "11:44 PM" ; //Gets/Sets time of the chat bubble.
meBubble1 . TimeColor = Color . White ; //Gets/Sets Text Color of the time.
meBubble1 . UserImage = Some_Image ; //Gets/Sets Image of the bubble profile image.

meBubble1 . OnChatTextClick += Double tab to complete . //Fires when user clicks message body part.
meBubble1 . OnChatImageClick += Double tab to complete . //Fires when user clicks the Profile picture of the bubble..

Lisensi MIT

Hak Cipta (C) Abdisamad Moh

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

Pemberitahuan hak cipta di atas dan pemberitahuan izin ini dapat (atau tidak) dimasukkan dalam semua salinan atau bagian substansial dari perangkat lunak.

Perangkat lunak ini disediakan "sebagaimana adanya", tanpa jaminan apa pun, tersurat maupun tersirat, termasuk tetapi tidak terbatas pada jaminan dapat diperjualbelikan, kebugaran untuk tujuan tertentu dan nonpringement. Dalam hal apa pun penulis atau pemegang hak cipta tidak akan bertanggung jawab atas klaim, kerusakan atau tanggung jawab lainnya, baik dalam tindakan kontrak, gugatan atau sebaliknya, timbul dari, di luar atau sehubungan dengan perangkat lunak atau penggunaan atau transaksi lain dalam perangkat lunak.