12 第1页 | 共2 页下一页
返回列表 发新帖
查看: 7023|回复: 13
打印 上一主题 下一主题

[教程] 【超链接】 利用 ngui 制作超链接

[复制链接]

3

主题

1

听众

85

积分

设计初学者

Rank: 1

纳金币
64
精华
0
跳转到指定楼层
楼主
发表于 2013-2-20 14:50:07 |只看该作者 |倒序浏览
利用ngui 制作超链接

刚开始接触Ngui不知道如何制作超链接,后来利用两个label,一个label存放要显示的文本字体,另一个label根据文本字体长度来显示多个'_'字体来组成一个超链接,最后把这两个Label存放在一个空对象中(UISuperLineButton),并给其加上Box Collider进行接收鼠标事件。如:

要解决问题:

1.如何计算要显示文本的长度(不同数字字母长度会不一样),如:“青蛇打白蛇打来打”

方法:



void GetTextWidth(int nowScaleX,int nowScaleY,UILabel label,ref int TextWidth, ref int TextHeight)

    {

        int labelTextLength = 0;

        string str = label.text;

        int labelCount = str.Length;

        float wordWidth = ((float)nowScaleX/label.font.bmFont.charSize);

        for( int ii = 0 ; ii < labelCount; ii++ )

        {

            char c = str[ii];

            BMGlyph glyph = label.font.bmFont.GetGlyph(c);

            if( glyph != null)

            {



                labelTextLength += (int)(glyph.advance*wordWidth);

            }



            if( ii == 0 )

            {

                TextHeight = glyph.height;

            }

        }

        TextWidth = labelTextLength;



    }

2.再算出一个‘_’长度lineWidth,利用TextWidth/lineWidth计算出需要多少个'_',再把这些下划线给第二个Label,根据调整显示的位置,两个label组成的一个超链接就算完成了。

效果:

分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

2317

主题

54

听众

2万

积分

资深设计师

Rank: 7Rank: 7Rank: 7

纳金币
20645
精华
62

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

沙发
发表于 2013-2-20 15:22:42 |只看该作者
很不错的介绍啊,谢谢了!!
回复

使用道具 举报

40

主题

0

听众

2万

积分

资深设计师

Rank: 7Rank: 7Rank: 7

纳金币
279
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

板凳
发表于 2013-2-20 15:36:47 |只看该作者
谢谢楼主分享,很不错的教程哦,呵呵
回复

使用道具 举报

955

主题

164

听众

7万

积分

版主

Rank: 7Rank: 7Rank: 7

纳金币
59338
精华
28

活跃会员 荣誉管理 突出贡献 优秀版主 论坛元老

地板
发表于 2013-2-20 16:34:41 |只看该作者
请多分享NGUI的相关教程,谢谢!
回复

使用道具 举报

Steve    

14

主题

1

听众

2279

积分

中级设计师

Rank: 5Rank: 5

纳金币
1104
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

5#
发表于 2014-2-6 17:31:59 |只看该作者
谢谢楼主分享
回复

使用道具 举报

0

主题

1

听众

5366

积分

高级设计师

Rank: 6Rank: 6

纳金币
50
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

6#
发表于 2014-2-7 23:09:12 |只看该作者
好东西呀,谢谢楼主了!
我的个人主页:
http://www.bliand.com
回复

使用道具 举报

0

主题

1

听众

705

积分

初级设计师

Rank: 3Rank: 3

纳金币
465
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

7#
发表于 2014-2-8 00:04:23 |只看该作者
NGUI的教程就是好
回复

使用道具 举报

1

主题

1

听众

250

积分

设计实习生

Rank: 2

纳金币
64
精华
0

最佳新人

8#
发表于 2014-2-8 02:31:59 |只看该作者
mark!mark!
回复

使用道具 举报

0

主题

4

听众

360

积分

设计实习生

Rank: 2

纳金币
0
精华
0

最佳新人

9#
发表于 2014-3-4 16:25:35 |只看该作者
很不错的介绍啊,谢谢了!!
回复

使用道具 举报

23

主题

0

听众

1102

积分

助理设计师

Rank: 4

纳金币
1549
精华
0

活跃会员

10#
发表于 2014-3-4 16:30:06 |只看该作者
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

12 第1页 | 共2 页下一页
返回列表 发新帖
您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2024-11-14 12:56 , Processed in 0.127122 second(s), 36 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部