XMPP-based iOS chat client program (iOS-side III)

Source: Internet
Author: User

The first two describes how to send messages and receive messages through XMPP, this article mainly describes how to beautify our chat program, look at the final effect, of course, the source program will be released at the end

Okay, let's take a look at the program we wrote.

Here we customize the Tableviewcell

One line is to display the release date, a line to display the messages sent, and a background

-(ID) Initwithstyle: (Uitableviewcellstyle) style Reuseidentifier: (NSString *) reuseidentifier{

self = [super Initwithstyle:style reuseidentifier:reuseidentifier];
if (self) {
Date Label
Senderandtimelabel = [[UILabel alloc] Initwithframe:cgrectmake (10, 5, 300, 20)];
Center Display
Senderandtimelabel.textalignment = Uitextalignmentcenter;
Senderandtimelabel.font = [Uifont systemfontofsize:11.0];
Text color
Senderandtimelabel.textcolor = [Uicolor Lightgraycolor];
[Self.contentview Addsubview:senderandtimelabel];

Background map
Bgimageview = [[Uiimageview alloc] Initwithframe:cgrectzero];
[Self.contentview Addsubview:bgimageview];

Chat information
Messagecontentview = [[Uitextview alloc] init];
Messagecontentview.backgroundcolor = [Uicolor Clearcolor];
Not editable
messagecontentview.editable = NO;
messagecontentview.scrollenabled = NO;
[Messagecontentview SizeToFit];
[Self.contentview Addsubview:messagecontentview];

}

return self;

}

As defined, change the cell to our own defined cell in UITableViewCell.

-(UITableViewCell *) TableView: (UITableView *) TableView Cellforrowatindexpath: (Nsindexpath *) indexpath{

static NSString *identifier = @ "Msgcell";

Kkmessagecell *cell = (Kkmessagecell *) [TableView dequeuereusablecellwithidentifier:identifier];

if (cell = = nil) {
cell = [[Kkmessagecell alloc] initwithstyle:uitableviewcellstylevalue1 reuseidentifier:identifier];
}

Nsmutabledictionary *dict = [messages ObjectAtIndex:indexPath.row];

Sent by
NSString *sender = [dict objectforkey:@ "Sender"];
News
NSString *message = [dict objectforkey:@ "MSG"];
Time
NSString *time = [Dict objectforkey:@ "Time"];

Cgsize textSize = {260.0, 10000.0};
Cgsize size = [message Sizewithfont:[uifont boldsystemfontofsize:13] constrainedtosize:textsize lineBreakMode: Uilinebreakmodewordwrap];

Size.width + = (PADDING/2);

Cell.messageContentView.text = message;
Cell.accessorytype = Uitableviewcellaccessorynone;
cell.userinteractionenabled = NO;

UIImage *bgimage = nil;

Send Message
if ([Sender isequaltostring:@ "You"]) {
Background map
Bgimage = [[UIImage imagenamed:@ "Bluebubble2.png"] stretchableimagewithleftcapwidth:20 topcapheight:15];
[Cell.messagecontentview setframe:cgrectmake (padding, padding*2, Size.width, Size.Height)];

[Cell.bgimageview Setframe:cgrectmake (CELL.MESSAGECONTENTVIEW.FRAME.ORIGIN.X-PADDING/2, CELL.MESSAGECONTENTVIEW.FRAME.ORIGIN.Y-PADDING/2, Size.width + padding, size.height + padding)];
}else {

Bgimage = [[UIImage imagenamed:@ "Greenbubble2.png"] stretchableimagewithleftcapwidth:14 topcapheight:15];

[Cell.messagecontentview Setframe:cgrectmake (320-size.width-padding, padding*2, Size.width, Size.Height)];
[Cell.bgimageview Setframe:cgrectmake (CELL.MESSAGECONTENTVIEW.FRAME.ORIGIN.X-PADDING/2, CELL.MESSAGECONTENTVIEW.FRAME.ORIGIN.Y-PADDING/2, Size.width + padding, size.height + padding)];
}

Cell.bgImageView.image = Bgimage;
Cell.senderAndTimeLabel.text = [NSString stringwithformat:@ "%@%@", sender, Time];

return cell;

}

In this cell, set the background of the message sent and the background map to receive the message.

There's a "time" in the dictionary here.

This is the time we receive and send messages

(NSString *) getcurrenttime{

NSDate *NOWUTC = [NSDate Date];

NSDateFormatter *dateformatter = [[NSDateFormatter alloc] init];
[Dateformatter Settimezone:[nstimezone Localtimezone];
[Dateformatter Setdatestyle:nsdateformattermediumstyle];
[Dateformatter Settimestyle:nsdateformattermediumstyle];

return [Dateformatter STRINGFROMDATE:NOWUTC];

}

In the APPDELEGATE.M

We will also make adjustments to the contents of the message we receive.

-(void) Xmppstream: (Xmppstream *) sender Didreceivemessage: (xmppmessage *) message{

//   ......

Nsmutabledictionary *dict = [Nsmutabledictionary dictionary];
[Dict setobject:msg forkey:@ "MSG"];
[Dict setobject:from forkey:@ "Sender"];
The time that the message was received
[Dict setobject:[statics GetCurrentTime] forkey:@ "Time"];

......

}

Finally, let's set the height of each line.

The height of each row
-(CGFloat) TableView: (UITableView *) TableView Heightforrowatindexpath: (Nsindexpath *) indexpath{

Nsmutabledictionary *dict = [messages ObjectAtIndex:indexPath.row];
NSString *msg = [dict objectforkey:@ "MSG"];

Cgsize textSize = {260.0, 10000.0};
Cgsize size = [msg sizewithfont:[uifont boldsystemfontofsize:13] constrainedtosize:textsize lineBreakMode: Uilinebreakmodewordwrap];

Size.Height + = padding*2;

CGFloat height = Size.Height < 65? 65:size.height;

return height;

}

, by the time you send a message, don't forget to add

-(Ibaction) Sendbutton: (ID) Sender {

Information in the Local input box
......

if (Message.length > 0) {

.....

Nsmutabledictionary *dictionary = [Nsmutabledictionary dictionary];

[Dictionary setobject:message forkey:@ "msg"];
[Dictionary setobject:@ "You" forkey:@ "sender"];
[Dictionary setobject:[statics GetCurrentTime] forkey:@ "Time"];

[Messages Addobject:dictionary];

Re-refresh TableView
[Self.tview Reloaddata];

}


}

Okay, here's a tutorial on XMPP sending messages, which will be done in more detail later on about XMPP.

XMPP-based iOS chat client program (iOS-side III)

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.