`
jsntghf
  • 浏览: 2543924 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

气泡视图

    博客分类:
  • iOS
阅读更多
- (UIView *)bubbleView:(NSString *)text from:(BOOL)fromSelf {
	UIView *returnView = [[UIView alloc] initWithFrame:CGRectZero];
	returnView.backgroundColor = [UIColor clearColor];
	
	UIImage *bubble = [UIImage imageWithContentsOfFile:[[NSBundle mainBundle] pathForResource:fromSelf ? @"bubbleSelf" : @"bubble" ofType:@"png"]];
	UIImageView *bubbleImageView = [[UIImageView alloc] initWithImage:[bubble stretchableImageWithLeftCapWidth:21 topCapHeight:14]];
	
	UIFont *font = [UIFont systemFontOfSize:12];
	CGSize size = [text sizeWithFont:font constrainedToSize:CGSizeMake(150.0f, 1000.0f) lineBreakMode:UILineBreakModeCharacterWrap];
	
	UILabel *bubbleText = [[UILabel alloc] initWithFrame:CGRectMake(21.0f, 14.0f, size.width + 10, size.height + 10)];
	bubbleText.backgroundColor = [UIColor clearColor];
	bubbleText.font = font;
	bubbleText.numberOfLines = 0;
	bubbleText.lineBreakMode = UILineBreakModeCharacterWrap;
	bubbleText.text = text;
	
	bubbleImageView.frame = CGRectMake(0.0f, 0.0f, 200.0f, size.height + 40.0f);
	if(fromSelf)
		returnView.frame = CGRectMake(120.0f, 10.0f, 200.0f, size.height + 50.0f);
	else
		returnView.frame = CGRectMake(0.0f, 10.0f, 200.0f, size.height + 50.0f);
	
	[returnView addSubview:bubbleImageView];
	[bubbleImageView release];
	[returnView addSubview:bubbleText];
	[bubbleText release];
	
	return [returnView autorelease];
}

 

效果图:


分享到:
评论

相关推荐

    实现自定义弹出气泡视图的效果

    本文将深入探讨如何实现自定义弹出气泡视图的效果,这通常用于显示提示信息或操作选项,其设计灵活性高,能吸引用户的注意力。我们通过分析标题和描述,可以看出这个案例主要涉及以下几个知识点: 1. 自定义视图...

    BaiduDemo-一个不错的例子,用于展示自定义气泡view自动调增大小

    "BaiduDemo-一个不错的例子,用于展示自定义气泡view自动调增大小"是一个针对百度地图API的示例项目,它着重展示了如何自定义地图上的气泡视图,并使其能够根据内容动态调整大小。这个例子对于理解如何在地图应用中...

    拖拽并拉长的气泡视图

    这个是一款不错的拖拽并拉长的气泡视图案例,源码UnReadBubbleView,UnReadBubbleView是一个能够拖拽并拉长的气泡视图。拖拽到一定的长度会消失,可以通过系数设置来控制拖拽的长度。气泡也支持多种属性设置。

    [Android实例] 水下气泡上升界面效果,和下降效果

    1. **气泡视图(BubbleView)**:这是气泡的个体元素,通常是一个圆形或椭圆形的ImageView,可以设置不同的背景图像来模拟不同颜色的气泡。为了实现动态的效果,我们需要为每个气泡视图添加点击事件监听器,当点击...

    实现滑动界面滑杆时弹出气泡视图效果

    该源码由源码天堂免费提供下载,源码实现了怎样使用滑动界面滑杆时弹出气泡视图。当用户手指移动滑块时,在滑块的上方弹出一个小气泡,用于指示当前滑杆滑动的具体位置。是一个不错的学习案例,喜欢的朋友可以下载...

    IOS应用源码之微信的聊天气泡效果 .rar

    这就需要用到Auto Layout的约束,确保气泡视图能够根据内容自动扩展或收缩。同时,气泡的中心位置也需要与单元格的中心对齐,以保持视觉上的平衡。 此外,还需要处理文字的排版。在iOS中,可以使用NSTextView或者...

    iOS在一个图标上加上气泡,显示数字demo

    我们可以在`UILabel`中设置数字或者想要显示的文本,然后将其添加到气泡视图上,通过布局约束(Auto Layout)确定其位置。 为了使气泡能够动态显示在图标上,我们需要在适当的位置添加这个自定义视图。这通常会在`...

    QQ消息列表气泡效果

    - **iOS**:在iOS中,可以使用`AutoLayout`和`Storyboard`创建气泡视图,利用`CAShapeLayer`定义自定义的气泡形状。动画则可以通过`UIView.animate(withDuration:)`方法实现。 4. **自定义视图**: 实现这种效果...

    android气泡动画实现

    当用户点击屏幕时,获取点击位置,并在该位置生成一个气泡视图。然后启动对应的动画。 6. **自定义视图**: 为了实现气泡的形状和样式,可能需要创建一个自定义View类,重写onDraw()方法,绘制出气泡的形状。在...

    Android 仿百度地图气泡程序源码

    这个"Android 仿百度地图气泡程序源码"是一个实现此类功能的示例项目,可以帮助开发者快速理解和实现自定义气泡视图。 首先,我们来详细探讨一下什么是气泡(PopWindow)。PopWindow是Android中的一个非常实用的...

    android实现气泡聊天效果

    2. **自定义气泡视图**: 创建一个自定义的`BubbleView`类,继承自`AppCompatTextView`或`LinearLayout`,在其中设置气泡的形状。可以使用`shape` XML drawable来定义圆形或半椭圆的边缘,并通过`android:...

    chat-bubble:适用于Android的自定义聊天气泡视图

    这是我为另一个项目创建的自定义聊天气泡视图,但由于找不到类似于Material Design的外观,因此决定将其开源。 我目前正在尝试将其转换为Gradle项目,但没有成功,因此在弄清楚之前,您必须下载并将其添加到src...

    MKMapView 同时显示多气泡

    // 创建或复用自定义气泡视图 } ``` 2. **手势识别**:为了在地图上添加多个气泡,我们需要监听用户的触摸事件。可以通过给`MKMapView`添加`UITapGestureRecognizer`来实现。当用户点击地图时,我们可以判断点击...

    iOS 实现聊天气泡界面

    使用`AutoLayout`或者`NSLayoutConstraint`来设置气泡视图与屏幕边缘、其他气泡之间的约束。对于自动调整气泡大小,可以监听`UILabel`的`sizeThatFits`方法,然后更新气泡的frame。 4. **区分发送方和接收方**: ...

    BMKBubbleDemo 2-个不错对例子,用于展示自定义气泡view自动调增大小

    这个名为"BMKBubbleDemo 2-个不错对例子,用于展示自定义气泡view自动调增大小"的项目,就是专注于如何自定义百度地图上的气泡视图(Bubble View)并实现其动态调整大小的功能。下面将详细介绍这一技术点。 首先,...

    iOS气泡聊天

    - **自定义气泡视图**:可以继承UIView或使用SwiftUI构建自定义气泡视图,添加自己的属性和方法,以满足特定需求。 - **扩展消息模型**:创建自定义消息模型,包含不同类型的消息(如文本、图片、语音),并提供...

    iOS气泡文字

    在iOS开发中,"气泡文字"通常指的是...在实际项目中,开发者通常会结合以上技术点,根据需求创建一个可重用的气泡视图组件。通过良好的代码封装和模块化设计,可以确保气泡文字效果在不同场景下的可扩展性和可维护性。

    Android 仿百度地图气泡程序源码.zip

    通过研究这个源码,开发者可以学习如何在Android应用程序中创建交互式的气泡视图,这对于开发地图应用或者任何需要浮动信息展示的场景都是非常有用的。同时,这个项目也提供了一个很好的实例,展示了如何结合使用...

    Android应用源码之ListView滚动气泡提示.zip

    2. **气泡视图**:创建一个表示气泡的布局文件,可以是一个带有箭头的TextView或者ImageView,设置相应的颜色、大小、透明度等属性。这个视图将在ListView的Item上动态添加和移除。 3. **检测滚动事件**:监听...

    Android代码-仿百度地图气泡程序源码.zip

    通过分析和理解这个仿百度地图气泡程序源码,开发者可以学习到如何在Android应用中高效地实现地图功能,并根据实际需求定制个性化气泡视图。这不仅有助于提升开发技能,也能为用户提供更优质的地图体验。

Global site tag (gtag.js) - Google Analytics