public void Initialize(string name, UIImage profileImage = null, float fontSize = 12, string initials = null)
{
if (!isInitialized)
{
var labelContainerView = new UIView {
TranslatesAutoresizingMaskIntoConstraints = false
};
ContentView.AddSubview(labelContainerView);
labelContainerView.BottomAnchor.ConstraintEqualTo(ContentView.BottomAnchor).Active = true;
labelContainerView.LeftAnchor.ConstraintEqualTo(ContentView.LeftAnchor, Constants.MenuRightMargin).Active = true;
labelContainerView.RightAnchor.ConstraintEqualTo(ContentView.RightAnchor).Active = true;
labelContainerView.HeightAnchor.ConstraintEqualTo(Constants.MenuCellHeight).Active = true;
titleLabel = new UILabel
{
TranslatesAutoresizingMaskIntoConstraints = false,
TextColor = Constants.Color.Black,
Font = Constants.Fonts.RubikOfSize(fontSize),
TextAlignment = UITextAlignment.Center,
};
labelContainerView.AddSubview(titleLabel);
titleLabel.LeftAnchor.ConstraintEqualTo(labelContainerView.LeftAnchor).Active = true;
titleLabel.RightAnchor.ConstraintEqualTo(ContentView.RightAnchor).Active = true;
titleLabel.CenterYAnchor.ConstraintEqualTo(labelContainerView.CenterYAnchor).Active = true;
var avatarLayoutGuide = new UILayoutGuide();
ContentView.AddLayoutGuide(avatarLayoutGuide);
avatarLayoutGuide.LeftAnchor.ConstraintEqualTo(ContentView.LeftAnchor, Constants.MenuRightMargin).Active = true;
avatarLayoutGuide.RightAnchor.ConstraintEqualTo(ContentView.RightAnchor).Active = true;
avatarView = new CircleAvatarView
{
TranslatesAutoresizingMaskIntoConstraints = false,
BackgroundColor = Constants.Color.MidGray,
};
avatarView.Layer.CornerRadius = avatarHeight / 2;
ContentView.AddSubview(avatarView);
avatarView.BottomAnchor.ConstraintEqualTo(labelContainerView.TopAnchor).Active = true;
avatarView.HeightAnchor.ConstraintEqualTo(avatarHeight).Active = true;
avatarView.WidthAnchor.ConstraintEqualTo(avatarHeight).Active = true;
avatarView.CenterXAnchor.ConstraintEqualTo(avatarLayoutGuide.CenterXAnchor).Active = true;
isInitialized = true;
}
titleLabel.Text = name;
avatarView.Image = profileImage;
avatarView.Initials = initials;
}
public void Initialize(ChatMessage message, string initials = null)
{
if (!isInitialized)
{
isInitialized = true;
ContentView.TranslatesAutoresizingMaskIntoConstraints = false;
ContentView.WidthAnchor.ConstraintEqualTo(UIScreen.MainScreen.Bounds.Width).Active = true;
ContentView.HeightAnchor.ConstraintGreaterThanOrEqualTo(speakerCircleSize + (2 * padding)).Active = true;
speakerAvatarView = new CircleAvatarView {
TranslatesAutoresizingMaskIntoConstraints = false, BackgroundColor = Constants.Color.LightGray
};
ContentView.AddSubview(speakerAvatarView);
speakerAvatarView.WidthAnchor.ConstraintEqualTo(speakerCircleSize).Active = true;
speakerAvatarView.HeightAnchor.ConstraintEqualTo(speakerCircleSize).Active = true;
speakerAvatarView.TopAnchor.ConstraintEqualTo(ContentView.TopAnchor, constant: padding).Active = true;
circleImageViewRightAnchorOutgoingConstraint = speakerAvatarView.RightAnchor.ConstraintEqualTo(ContentView.RightAnchor, constant: -padding);
circleImageViewLeftAnchorIncomingConstraint = speakerAvatarView.LeftAnchor.ConstraintEqualTo(ContentView.LeftAnchor, constant: padding);
var messageLayoutGuide = new UILayoutGuide();
ContentView.AddLayoutGuide(messageLayoutGuide);
messageLayoutGuideRightAnchorOutgoingConstraint = messageLayoutGuide.RightAnchor.ConstraintEqualTo(speakerAvatarView.LeftAnchor, constant: -padding);
messageLayoutGuideLeftAnchorIncomingConstraint = messageLayoutGuide.LeftAnchor.ConstraintEqualTo(speakerAvatarView.RightAnchor, constant: padding);
messageLayoutGuideLeftAnchorOutgoingConstraint = messageLayoutGuide.LeftAnchor.ConstraintEqualTo(ContentView.LeftAnchor, constant: padding);
messageLayoutGuideRightAnchorIncomingConstraint = messageLayoutGuide.RightAnchor.ConstraintEqualTo(ContentView.RightAnchor, constant: -padding);
messageLabel = new UILabel
{
TranslatesAutoresizingMaskIntoConstraints = false,
Lines = 0,
LineBreakMode = UILineBreakMode.WordWrap,
Font = Constants.Fonts.RubikOfSize(Constants.Fonts.Size.Twelve),
};
ContentView.AddSubview(messageLabel);
topView = new UIView {
TranslatesAutoresizingMaskIntoConstraints = false, ClipsToBounds = true
};
ContentView.AddSubview(topView);
topView.TopAnchor.ConstraintEqualTo(speakerAvatarView.TopAnchor, constant: padding).Active = true;
topView.LeftAnchor.ConstraintEqualTo(messageLabel.LeftAnchor).Active = true;
topViewRightAnchorConstraint = topView.RightAnchor.ConstraintEqualTo(messageLabel.RightAnchor);
topViewHeightConstraint = topView.HeightAnchor.ConstraintEqualTo(0);
topViewHeightConstraint.Active = true;
bottomView = new UIView {
TranslatesAutoresizingMaskIntoConstraints = false, ClipsToBounds = true
};
ContentView.AddSubview(bottomView);
bottomViewTopAnchorConstraint = bottomView.TopAnchor.ConstraintEqualTo(messageLabel.BottomAnchor);
bottomViewTopAnchorConstraint.Active = true;
bottomView.LeftAnchor.ConstraintEqualTo(messageLabel.LeftAnchor).Active = true;
bottomViewRightAnchorConstraint = bottomView.RightAnchor.ConstraintEqualTo(messageLabel.RightAnchor);
bottomView.BottomAnchor.ConstraintEqualTo(ContentView.BottomAnchor, constant: -padding).Active = true;
bottomViewHeightConstraint = bottomView.HeightAnchor.ConstraintEqualTo(0);
bottomViewHeightConstraint.Active = true;
var locationSentImageView = new UIImageView
{
TranslatesAutoresizingMaskIntoConstraints = false,
Image = Constants.Assets.LocationSent,
};
bottomView.AddSubview(locationSentImageView);
locationSentImageView.LeftAnchor.ConstraintEqualTo(bottomView.LeftAnchor).Active = true;
locationSentImageView.CenterYAnchor.ConstraintEqualTo(bottomView.CenterYAnchor).Active = true;
var locationSentLabel = new UILabel
{
TranslatesAutoresizingMaskIntoConstraints = false,
Font = Constants.Fonts.RubikOfSize(Constants.Fonts.Size.Ten),
TextColor = Constants.Color.MidGray,
Text = "Location sent",
};
bottomView.AddSubview(locationSentLabel);
locationSentLabel.LeftAnchor.ConstraintEqualTo(locationSentImageView.RightAnchor, constant: padding / 2).Active = true;
locationSentLabel.CenterYAnchor.ConstraintEqualTo(bottomView.CenterYAnchor).Active = true;
locationSentLabel.RightAnchor.ConstraintLessThanOrEqualTo(bottomView.RightAnchor).Active = true;
messageLabelTopAnchorConstraint = messageLabel.TopAnchor.ConstraintEqualTo(topView.BottomAnchor);
messageLabelTopAnchorConstraint.Active = true;
messageLabelRightAnchorOutgoingConstraint = messageLabel.RightAnchor.ConstraintEqualTo(messageLayoutGuide.RightAnchor, constant: -padding);
messageLabelLeftAnchorIncomingConstraint = messageLabel.LeftAnchor.ConstraintEqualTo(messageLayoutGuide.LeftAnchor, constant: padding);
messageLabel.WidthAnchor.ConstraintLessThanOrEqualTo(messageLayoutGuide.WidthAnchor, multiplier: 0.75f, constant: -(padding * 2)).Active = true;
messageBackgroundView = new UIView {
TranslatesAutoresizingMaskIntoConstraints = false, BackgroundColor = Constants.Color.LightGray
};
ContentView.InsertSubviewBelow(messageBackgroundView, messageLabel);
messageBackgroundView.TopAnchor.ConstraintEqualTo(topView.TopAnchor, constant: -padding).Active = true;
messageBackgroundView.LeftAnchor.ConstraintEqualTo(messageLabel.LeftAnchor, constant: -padding).Active = true;
messageBackgroundView.RightAnchor.ConstraintEqualTo(messageLabel.RightAnchor, constant: padding).Active = true;
messageBackgroundView.BottomAnchor.ConstraintEqualTo(bottomView.BottomAnchor, constant: padding).Active = true;
messageBackgroundView.Layer.CornerRadius = 4;
leftTriangleView = new TriangleChatView
{
TranslatesAutoresizingMaskIntoConstraints = false,
BackgroundColor = Constants.Color.LightGray,
Mirrored = true,
};
ContentView.InsertSubviewBelow(leftTriangleView, messageBackgroundView);
leftTriangleView.RightAnchor.ConstraintEqualTo(messageBackgroundView.LeftAnchor, constant: 3).Active = true;
leftTriangleView.TopAnchor.ConstraintEqualTo(speakerAvatarView.BottomAnchor, constant: -10).Active = true;
leftTriangleView.WidthAnchor.ConstraintEqualTo(8).Active = true;
leftTriangleView.HeightAnchor.ConstraintEqualTo(14).Active = true;
leftTriangleView.Transform = CGAffineTransform.Rotate(leftTriangleView.Transform, -(nfloat)Math.PI * 0.08f);
rightTriangleView = new TriangleChatView
{
TranslatesAutoresizingMaskIntoConstraints = false,
BackgroundColor = Constants.Color.LightGray,
};
ContentView.InsertSubviewBelow(rightTriangleView, messageBackgroundView);
rightTriangleView.LeftAnchor.ConstraintEqualTo(messageBackgroundView.RightAnchor, constant: -3).Active = true;
rightTriangleView.TopAnchor.ConstraintEqualTo(speakerAvatarView.BottomAnchor, constant: -10).Active = true;
rightTriangleView.WidthAnchor.ConstraintEqualTo(8).Active = true;
rightTriangleView.HeightAnchor.ConstraintEqualTo(14).Active = true;
rightTriangleView.Transform = CGAffineTransform.Rotate(rightTriangleView.Transform, (nfloat)Math.PI * 0.08f);
outgoingMessageConstraints = new NSLayoutConstraint[]
{
circleImageViewRightAnchorOutgoingConstraint,
messageLayoutGuideLeftAnchorOutgoingConstraint,
messageLayoutGuideRightAnchorOutgoingConstraint,
messageLabelRightAnchorOutgoingConstraint,
};
incomingMessageConstraints = new NSLayoutConstraint[]
{
circleImageViewLeftAnchorIncomingConstraint,
messageLayoutGuideLeftAnchorIncomingConstraint,
messageLayoutGuideRightAnchorIncomingConstraint,
messageLabelLeftAnchorIncomingConstraint,
};
}
var isOutgoing = message.UserModel.Role == ChatUserRole.Consumer;
var isNewActopmPlanPrompt = message.IsNewActionPlan && message.ActionPlan != null;
var topViewHeight = smallerCircleSize;
var bottomViewheight = 13;
foreach (var c in outgoingMessageConstraints)
{
c.Active = isOutgoing;
}
foreach (var c in incomingMessageConstraints)
{
c.Active = !isOutgoing;
}
messageLabel.Text = message.Text;
speakerAvatarView.Initials = isOutgoing ? initials : string.Empty;
topViewHeightConstraint.Constant = isNewActopmPlanPrompt ? topViewHeight : 0;
bottomViewHeightConstraint.Constant = isNewActopmPlanPrompt ? bottomViewheight : 0;
bottomViewTopAnchorConstraint.Constant = isNewActopmPlanPrompt ? padding : 0;
messageLabelTopAnchorConstraint.Constant = isNewActopmPlanPrompt ? padding : 0;
bottomViewRightAnchorConstraint.Active = isNewActopmPlanPrompt;
topViewRightAnchorConstraint.Active = isNewActopmPlanPrompt;
leftTriangleView.Hidden = isOutgoing;
rightTriangleView.Hidden = !isOutgoing;
if (isNewActopmPlanPrompt && message.ActionPlan != null)
{
foreach (var v in topView.Subviews)
{
v.RemoveFromSuperview();
}
var suggestionCircleView = new CircleAvatarView
{
TranslatesAutoresizingMaskIntoConstraints = false,
Image = Constants.Assets.MapFromActionPlanIcon(message.ActionPlan.Icon),
BackgroundColor = Constants.Color.MapFromActionPlanColor(message.ActionPlan.Color),
};
topView.AddSubview(suggestionCircleView);
suggestionCircleView.LeftAnchor.ConstraintEqualTo(topView.LeftAnchor).Active = true;
suggestionCircleView.CenterYAnchor.ConstraintEqualTo(topView.CenterYAnchor).Active = true;
suggestionCircleView.WidthAnchor.ConstraintEqualTo(smallerCircleSize).Active = true;
suggestionCircleView.HeightAnchor.ConstraintEqualTo(smallerCircleSize).Active = true;
var titleLabel = new UILabel
{
TranslatesAutoresizingMaskIntoConstraints = false,
Text = message.ActionPlan.Name,
Font = Constants.Fonts.RubikOfSize(Constants.Fonts.Size.Ten),
TextColor = Constants.Color.MidGray,
};
topView.AddSubview(titleLabel);
titleLabel.LeftAnchor.ConstraintEqualTo(suggestionCircleView.RightAnchor, constant: padding / 2).Active = true;
titleLabel.CenterYAnchor.ConstraintEqualTo(topView.CenterYAnchor).Active = true;
titleLabel.RightAnchor.ConstraintEqualTo(topView.RightAnchor).Active = true;
}
}
