当前位置: 开发笔记 > 编程语言 > 正文

第二人生的源码分析(九十二)LLLineEditor实现编辑框

作者：手机用户2502907425_701 | 来源：互联网 | 2023-01-18 15:10

在基于GUI界面的软件交互时，最基本的输入就是编辑框了，比如下图里输入的用户名称和密码，在游戏界面的编辑框里输入文字是一个高技术难度的问题，因为Windows输入法调用，也是难点之一

在基于 GUI界面的软件交互时，最基本的输入就是编辑框了，比如下图里输入的用户名称和密码，在游戏界面的编辑框里输入文字是一个高技术难度的问题，因为Windows输入法调用，也是难点之一。

那么在第二人生里的用户名称和密码的编辑框是怎么样实现的呢？现在就来分析这部份的代码，它的类继承关系如下：

class LLLineEditor

: public LLUICtrl, public LLEditMenuHandler, protected LLPreeditor

LLLineEditor继续了 LLUICtrl类，说明它是一个控件类。它的主要显示代码如下：

#001 void LLLineEditor::draw()

#002 {

判断不能显示时就直接返回去。

#003 if( !getVisible() )

#004 {

#005 return;

#006 }

#007

获取显示字符串的长度。

#008 S32 text_len = mText.length();

#009

如果是密码的方式，就只显示为星字符串。

#010 LLString saved_text;

#011 if (mDrawAsterixes)

#012 {

#013 saved_text = mText.getString();

#014 LLString text;

#015 for (S32 i = 0; i

#016 {

#017 text += '*';

#018 }

#019 mText = text;

#020 }

#021

设置背景框的大小。

#022 // draw rectangle for the background

#023 LLRect background( 0, getRect().getHeight(), getRect().getWidth(), 0 );

根据边框的大小设置合适的显示背景。

#024 background.stretch( -mBorderThickness );

#025

#026 LLColor4 bg_color = mReadOnlyBgColor;

#027

显示背景的颜色。

#028 // drawing solids requires texturing be disabled

#029 {

#030 LLGLSNoTexture no_texture;

#031 // draw background for text

#032 if( !mReadOnly )

#033 {

#034 if( gFocusMgr.getKeyboardFocus() == this )

#035 {

#036 bg_color = mFocusBgColor;

#037 }

#038 else

#039 {

#040 bg_color = mWriteableBgColor;

#041 }

#042 }

#043 gl_rect_2d(background, bg_color);

#044 }

#045

#046 // draw text

#047

开始显示字符串。

#048 S32 cursor_bottom = background.mBottom + 1;

#049 S32 cursor_top = background.mTop - 1;

#050

获取字体显示的颜色。

#051 LLColor4 text_color;

#052 if (!mReadOnly)

#053 {

#054 if (!getTentative())

#055 {

#056 text_color = mFgColor;

#057 }

#058 else

#059 {

#060 text_color = mTentativeFgColor;

#061 }

#062 }

#063 else

#064 {

#065 text_color = mReadOnlyFgColor;

#066 }

#067 LLColor4 label_color = mTentativeFgColor;

#068

显示预先编辑的标志。

#069 if (hasPreeditString())

#070 {

#071 // Draw preedit markers. This needs to be before drawing letters.

#072 for (U32 i = 0; i

#073 {

#074 const S32 preedit_left = mPreeditPositions[i];

#075 const S32 preedit_right = mPreeditPositions[i + 1];

#076 if (preedit_right > mScrollHPos)

#077 {

#078 S32 preedit_pixels_left = findPixelNearestPos(llmax(preedit_left, mScrollHPos) - getCursor());

#079 S32 preedit_pixels_right = llmin(findPixelNearestPos(preedit_right - getCursor()), background.mRight);

#080 if (preedit_pixels_left >= background.mRight)

#081 {

#082 break;

#083 }

#084 if (mPreeditStandouts[i])

#085 {

#086 gl_rect_2d(preedit_pixels_left + PREEDIT_STANDOUT_GAP,

#087 background.mBottom + PREEDIT_STANDOUT_POSITION,

#088 preedit_pixels_right - PREEDIT_STANDOUT_GAP - 1,

#089 background.mBottom + PREEDIT_STANDOUT_POSITION -

#090 PREEDIT_STANDOUT_THICKNESS,

#091 (text_color * PREEDIT_STANDOUT_BRIGHTNESS + bg_color * (1 -

#092 PREEDIT_STANDOUT_BRIGHTNESS)).setAlpha(1.0f));

#093 }

#094 else

#095 {

#096 gl_rect_2d(preedit_pixels_left + PREEDIT_MARKER_GAP,

#097 background.mBottom + PREEDIT_MARKER_POSITION,

#098 preedit_pixels_right - PREEDIT_MARKER_GAP - 1,

#099 background.mBottom + PREEDIT_MARKER_POSITION -

#100 PREEDIT_MARKER_THICKNESS,

#101 (text_color * PREEDIT_MARKER_BRIGHTNESS + bg_color * (1 -

#102 PREEDIT_MARKER_BRIGHTNESS)).setAlpha(1.0f));

#103 }

#104 }

#105 }

#106 }

#107

#108 S32 rendered_text = 0;

#109 F32 rendered_pixels_right = (F32)mMinHPixels;

#110 F32 text_bottom = (F32)background.mBottom + (F32)UI_LINEEDITOR_V_PAD;

#111

显示选中的效果。

#112 if( (gFocusMgr.getKeyboardFocus() == this) && hasSelection() )

#113 {

#114 S32 select_left;

#115 S32 select_right;

#116 if( mSelectionStart

#117 {

#118 select_left = mSelectionStart;

#119 select_right = getCursor();

#120 }

#121 else

#122 {

#123 select_left = getCursor();

#124 select_right = mSelectionStart;

#125 }

#126

#127 if( select_left > mScrollHPos )

#128 {

#129 // unselected, left side

#130 rendered_text = mGLFont->render(

#131 mText, mScrollHPos,

#132 rendered_pixels_right, text_bottom,

#133 text_color,

#134 LLFontGL::LEFT, LLFontGL::BOTTOM,

#135 LLFontGL::NORMAL,

#136 select_left - mScrollHPos,

#137 mMaxHPixels - llround(rendered_pixels_right),

#138 &rendered_pixels_right);

#139 }

#140

#141 if( (rendered_pixels_right <(F32)mMaxHPixels) && (rendered_text

#142 {

#143 LLColor4 color(1.f - bg_color.mV[0], 1.f - bg_color.mV[1], 1.f - bg_color.mV[2], 1.f);

#144 // selected middle

#145 S32 width = mGLFont->getWidth(mText.getWString().c_str(), mScrollHPos + rendered_text, select_right - mScrollHPos - rendered_text);

#146 width = llmin(width, mMaxHPixels - llround(rendered_pixels_right));

#147 gl_rect_2d(llround(rendered_pixels_right), cursor_top, llround(rendered_pixels_right)+width, cursor_bottom, color);

#148

显示相应选中的字符串。

#149 rendered_text += mGLFont->render(

#150 mText, mScrollHPos + rendered_text,

#151 rendered_pixels_right, text_bottom,

#152 LLColor4( 1.f - text_color.mV[0], 1.f - text_color.mV[1], 1.f - text_color.mV[2], 1 ),

#153 LLFontGL::LEFT, LLFontGL::BOTTOM,

#154 LLFontGL::NORMAL,

#155 select_right - mScrollHPos - rendered_text,

#156 mMaxHPixels - llround(rendered_pixels_right),

#157 &rendered_pixels_right);

#158 }

#159

下面开始显示没有选中的字符串。

#160 if( (rendered_pixels_right <(F32)mMaxHPixels) && (rendered_text

#161 {

#162 // unselected, right side

#163 mGLFont->render(

#164 mText, mScrollHPos + rendered_text,

#165 rendered_pixels_right, text_bottom,

#166 text_color,

#167 LLFontGL::LEFT, LLFontGL::BOTTOM,

#168 LLFontGL::NORMAL,

#169 S32_MAX,

#170 mMaxHPixels - llround(rendered_pixels_right),

#171 &rendered_pixels_right);

#172 }

#173 }

#174 else

#175 {

#176 mGLFont->render(

#177 mText, mScrollHPos,

#178 rendered_pixels_right, text_bottom,

#179 text_color,

#180 LLFontGL::LEFT, LLFontGL::BOTTOM,

#181 LLFontGL::NORMAL,

#182 S32_MAX,

#183 mMaxHPixels - llround(rendered_pixels_right),

#184 &rendered_pixels_right);

#185 }

#186

如果正在编辑过程中，设置 IME在合适的位置。

#187 // If we're editing...

#188 if( gFocusMgr.getKeyboardFocus() == this)

#189 {

#190 // (Flash the cursor every half second)

#191 if (gShowTextEditCursor && !mReadOnly)

#192 {

#193 F32 elapsed = mKeystrokeTimer.getElapsedTimeF32();

#194 if( (elapsed

#195 {

#196 S32 cursor_left = findPixelNearestPos();

#197 cursor_left -= UI_LINEEDITOR_CURSOR_THICKNESS / 2;

#198 S32 cursor_right = cursor_left + UI_LINEEDITOR_CURSOR_THICKNESS;

#199 if (LL_KIM_OVERWRITE == gKeyboard->getInsertMode() && !hasSelection())

#200 {

#201 const LLWString space(utf8str_to_wstring(LLString(" ")));

#202 S32 wswidth = mGLFont->getWidth(space.c_str());

#203 S32 width = mGLFont->getWidth(mText.getWString().c_str(), getCursor(), 1) + 1;

#204 cursor_right = cursor_left + llmax(wswidth, width);

#205 }

#206 // Use same color as text for the Cursor

#207 gl_rect_2d(cursor_left, cursor_top,

#208 cursor_right, cursor_bottom, text_color);

#209 if (LL_KIM_OVERWRITE == gKeyboard->getInsertMode() && !hasSelection())

#210 {

#211 mGLFont->render(mText, getCursor(), (F32)(cursor_left + UI_LINEEDITOR_CURSOR_THICKNESS / 2),

#212 text_bottom,

#213 LLColor4( 1.f - text_color.mV[0], 1.f - text_color.mV[1], 1.f - text_color.mV[2], 1 ),

#214 LLFontGL::LEFT, LLFontGL::BOTTOM,

#215 LLFontGL::NORMAL,

#216 1);

#217 }

#218

#219 // Make sure the IME is in the right place

#220 S32 pixels_after_scroll = findPixelNearestPos(); // RCalculcate for IME position

#221 LLRect screen_pos = getScreenRect();

#222 LLCoordGL ime_pos( screen_pos.mLeft + pixels_after_scroll, screen_pos.mTop - UI_LINEEDITOR_V_PAD );

#223

#224 ime_pos.mX = (S32) (ime_pos.mX * LLUI::sGLScaleFactor.mV[VX]);

#225 ime_pos.mY = (S32) (ime_pos.mY * LLUI::sGLScaleFactor.mV[VY]);

#226 getWindow()->setLanguageTextInput( ime_pos );

#227 }

#228 }

#229

显示子窗口。

#230 // Draw children (border)

#231 //mBorder->setVisible(TRUE);

#232 mBorder->setKeyboardFocusHighlight( TRUE );

#233 LLView::draw();

#234 mBorder->setKeyboardFocusHighlight( FALSE );

#235 //mBorder->setVisible(FALSE);

#236 }

#237 else // does not have keyboard input

#238 {

没有字符串，就显示为一个标签。

#239 // draw label if no text provided

#240 if (0 == mText.length())

#241 {

#242 mGLFont->render(mLabel.getWString(), 0,

#243 LABEL_HPAD, (F32)text_bottom,

#244 label_color,

#245 LLFontGL::LEFT, LLFontGL::BOTTOM,

#246 LLFontGL::NORMAL,

#247 S32_MAX,

#248 mMaxHPixels - llround(rendered_pixels_right),

#249 &rendered_pixels_right, FALSE);

#250 }

#251 // Draw children (border)

#252 LLView::draw();

#253 }

#254

保存相应的密码字符串。

#255 if (mDrawAsterixes)

#256 {

#257 mText = saved_text;

#258 }

#259 }

上面的函数先设置背景的颜色，并且把背景显示，然后根据是否为密码，或者选择字符串来作合适的处理，最后显示相应的字符串，并且输入法窗口在合适的位置上。

推荐阅读

int
ChatGPT：内容创造者还是非法搬运工？

探讨ChatGPT在法律和版权方面的潜在风险及影响，分析其作为内容创造工具的合法性和合规性。 ... [详细]

蜡笔小新 2024-12-21 10:13:36
int
贪心与优先队列：最小化加法代价问题

本题要求在一组数中反复取出两个数相加，并将结果放回数组中，最终求出最小的总加法代价。这是一个经典的哈夫曼编码问题，利用贪心算法可以有效地解决。 ... [详细]

蜡笔小新 2024-12-20 23:20:38
int
主调|大侠_重温C++

主调|大侠_重温C++ ... [详细]

蜡笔小新 2024-12-20 20:43:56
int
软件工程课堂测试2

要做一个简单的保存网页界面，首先用jsp写出保存界面，本次界面比较简单，首先是三个提示语，后面是三个输入框，然 ... [详细]

蜡笔小新 2024-12-20 15:00:51
int
深入理解Java类加载机制与自定义类加载器

本文详细探讨了Java中的ClassLoader类加载器的工作原理，包括其如何将class文件加载至JVM中，以及JVM启动时的动态加载策略。文章还介绍了JVM内置的三种类加载器及其工作方式，并解释了类加载器的继承关系和双亲委托机制。 ... [详细]

蜡笔小新 2024-12-20 12:58:21
int
处理具有相同名称的JAXB对象：Java中的复杂情况

本文探讨了如何在Java中使用JAXB解组两个具有相同名称但不同结构的对象。我们将介绍一个抽象类Bar及其具体实现，并展示如何正确地解析XML文档以获取正确的对象实例。 ... [详细]

蜡笔小新 2024-12-20 12:22:08
int
当unique验证运到图片上传时

2019独角兽企业重金招聘Python工程师标准model：public$imageFile;publicfunctionrules(){return[[[na ... [详细]

蜡笔小新 2024-12-20 10:19:12
int
一个登陆界面

预览截图html部分123456789101112用户登入1314邮箱名称邮箱为空15密码密码为空16登 ... [详细]

蜡笔小新 2024-12-20 09:57:07
join
深入解析JavaScript数组的创建与常用方法

JavaScript中的数组是数据集合的核心结构之一，内置了多种实用的方法。掌握这些方法不仅能提高开发效率，还能显著提升代码的质量和可读性。本文将详细介绍数组的创建方式及常见操作方法。 ... [详细]

蜡笔小新 2024-12-21 12:06:37
settings
Android WebView自适应布局与优化

本文详细介绍了如何在Android 4.4及以上版本中配置WebView以实现内容的自动高度调整和屏幕适配，确保中文显示正常，并提供代码示例。 ... [详细]

蜡笔小新 2024-12-21 10:05:50
settings
HTML 联系我们表单设计

本文详细介绍了如何使用 HTML 和 CSS 创建一个功能齐全的联系我们表单，包括布局和样式设计。 ... [详细]

蜡笔小新 2024-12-20 19:13:21
int
HTML 文件上传按钮的样式设计

本文详细介绍了如何使用 HTML 和 CSS 对文件上传按钮进行样式美化，使用户界面更加友好和美观。 ... [详细]

蜡笔小新 2024-12-20 18:30:59
int
ListView简单使用

先上效果：主要实现了Listview的绑定和点击事件。项目资源结构如下：先创建一个动物类，用来装载数据：Animal类如下：packagecom.example.simplelis ... [详细]

蜡笔小新 2024-12-20 18:17:25
int
UNIX进程间通信（IPC）详解

本文深入探讨了UNIX/Linux系统中的进程间通信（IPC）机制，包括消息传递、同步和共享内存等。详细介绍了管道（Pipe）、有名管道（FIFO）、Posix和System V消息队列、互斥锁与条件变量、读写锁、信号量以及共享内存的使用方法和应用场景。 ... [详细]

蜡笔小新 2024-12-20 10:14:51
int
Java中XYSeries.setLineColor()方法详解与应用实例

本文详细介绍了Java库XChart中的XYSeries类下的setLineColor()方法，并提供了多个实际应用场景的代码示例。 ... [详细]

蜡笔小新 2024-12-20 08:27:06

手机用户2502907425_701

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章