我正在尝试设计一个黑莓应用程序，我想知道是否有任何关于如何创建自定义用户界面元素、皮肤现有元素以及其他可能性的资源？
我已经开发了一些带有自定义 UI 和东西的 iPhone 应用程序，所以不确定 BB world 在 UI 开发方面提供了什么。
任何提示、建议或想法都会很棒。
问问题
28487 次
3 回答
69
黑莓没有皮肤，我知道实现皮肤效果的两种方法是
- 创建自己的主题
- 创建自定义控件
创建黑莓主题
删除了死的 Imageshack 链接 - BlackBerry Theme Builder
你可以用主题生成器做什么？它的一些主要功能允许您：
- 自定义 BlackBerry 应用程序图标
- 更改主屏幕横幅图像和图标/指示器颜色
- 创建自己的按钮
- 自定义对话框和弹出屏幕的外观
- 自定义空闲屏幕
- 自定义菜单和列表的外观
- 自定义电话应用程序屏幕
- 自定义 BlackBerry 设备上使用的字体
BrileyKenney bb dev journal 如何创建您自己的个人黑莓主题
- 只是主题！
黑莓主题和动画图形
坏消息 - 主题应用于整个设备操作系统和每个应用程序
虽然创建的主题可能是一个独立的软件设计产品，但我认为为开发的应用程序创建自己的主题不是一个好主意。
设计样机
编程 gui 可能需要一些时间，如果您想在不编码的情况下解决 GUI 规划中的一些问题，您可能需要绘制 GUI 模型。
您可以使用来自 ArtfulBits 的免费 BlackBerry UI Prototyping Visio Stencils - v1.0。
删除了死的Imageshack链接
删除了死的Imageshack链接
创建自定义控件
通过创建自定义控件，您可以配置
- 控制大小
- 控制形状
- 控制背景（颜色、图像）
- 控制字体（大小、样式、颜色）
- 控制边框（大小、样式、颜色）
所有这一切都适用于各州
- 禁用
- 普通的
- 专注
- 活跃（点击）
最后，您可以通过设置背景图像简单地为您的控件设置皮肤
基本
devsushi.com：Blackberry JDE API - 用户界面字段参考将基本上给出现有的黑莓 ui 控件的想法，带有代码片段和屏幕截图。
SO：将项目添加到 ListField (BlackBerry)
SO：Blackberry 的嵌入式 HTML 控件？
SO：Blackberry - 如何从 DateField 获取日期时间值？
SO：将 BlackBerry 应用程序设计为看起来像 iPhone
经理，布局
即使使用标准控件，我们也需要按照我们想要的方式进行布局和分组，因此我们需要自定义管理器：
Thinking BlackBerry：BlackBerry UI - 创建基本字段管理器
Thinking BlackBerry：简单 BlackBerry Grid Layout Manager
Thinking BlackBerry：制作自定义屏幕，垂直滚动和更多
SO：Blackberry 应用程序中的滚动问题
SO：如何将 ScrollBar 设置为 Blackberry 中的 VerticalFieldManager？
无线：为屏幕创建自定义布局管理器
SO：Blackberry - 获取控制的所有子字段
SO：在布局管理器中取消滚动
SO：在 BlackBerry 中创建自定义布局
SO：Blackberry 在 FullScreen 中设置 RichtextField 的位置
SO：使用 Field经理人
SO：BlackBerry - 自定义菜单工具栏
SO：BlackBerry - 自定义居中循环 HorizontalFieldManager
自定义控件
关于编写自定义控件的文章集：
Thinking BlackBerry：BlackBerry UI - 一个简单的自定义字段
Coderholic：Blackberry Custom Button Field
Wireless：为 BBStorm
Wireless 创建您自己的 VirtualKeyboard：带有复选框的 ListField
CodeProject：将 XY 图表/绘图创建为 BlackBerry Custom字段
SO：Blackberry - 自定义大小 EditField
SO：Blackberry - 如何为 BasicEditField 添加边框？
SO：Blackberry - 设置 LabelField 背景颜色
SO：Blackberry 在水平管理器焦点上更改子字段的颜色 SO
：为 RichTextField、TextField 设置背景和字体颜色
SO：Blackberry Java：没有插入符号的 TextField？
SO：类似图像映射的 Blackberry 控件 - CLDC 应用程序
SO：Blackberry - 带有大文本的单行 BasicEditField
SO：Blackberry - 自定义 BubbleChartField
SO：Blackberry - 从带有复选框的列表中获取选中的项目
SO：BlackBerry - 创建自定义日期字段
SO：BlackBerry -如何创建子菜单？
SO：BlackBerry - 我如何显示带有表情的标签？
SO：BlackBerry - 以编程方式显示打字模式指示器
图形、动画
SO：BlackBerry - 在屏幕上绘制图像
SO：Blackberry - 背景图像/动画 RIM OS 4.5.0
SO：Blackberry - 加载屏幕动画
SO：如何在 Blackberry Storm 中设置抗锯齿？
SO：Blackberry 设置剪切区域/区域
SO：在 BlackBerry 中使用 Bitmap 或 EncodedImage 更好吗？
SO：Blackberry - 字段布局动画
字体
无线：更改 BlackBerry 应用程序中的
字体 开发人员日志：字体
SO：如何为黑莓应用程序创建自定义字体
SO：如何在 Blackberry 中为 LabelField 文本设置字体？
SO：如何让黑莓用户界面更有吸引力？
SO：如何动态更改黑莓标签字段的字体颜色？
SO：BlackBerry - Unicode 文本显示
于 2009-09-18T20:35:15.083 回答
5
Bold 9000 上的标准媒体应用程序皮肤示例
删除了死 ImageShack 链接 - 切片媒体应用程序
删除了死 ImageShack 链接 - 切片图像
使用 ButtonField 的扩展来映射带有按钮的图像：
class BitmapButtonField extends ButtonField {
Bitmap mNormal;
Bitmap mFocused;
Bitmap mActive;
int mWidth;
int mHeight;
public BitmapButtonField(Bitmap normal, Bitmap focused,
Bitmap active) {
super(CONSUME_CLICK);
mNormal = normal;
mFocused = focused;
mActive = active;
mWidth = mNormal.getWidth();
mHeight = mNormal.getHeight();
setMargin(0, 0, 0, 0);
setPadding(0, 0, 0, 0);
setBorder(BorderFactory
.createSimpleBorder(new XYEdges(0, 0, 0, 0)));
setBorder(VISUAL_STATE_ACTIVE, BorderFactory
.createSimpleBorder(new XYEdges(0, 0, 0, 0)));
}
protected void paint(Graphics graphics) {
Bitmap bitmap = null;
switch (getVisualState()) {
case VISUAL_STATE_NORMAL:
bitmap = mNormal;
break;
case VISUAL_STATE_FOCUS:
bitmap = mFocused;
break;
case VISUAL_STATE_ACTIVE:
bitmap = mActive;
break;
default:
bitmap = mNormal;
}
graphics.drawBitmap(0, 0, bitmap.getWidth(), bitmap.getHeight(),
bitmap, 0, 0);
}
public int getPreferredWidth() {
return mWidth;
}
public int getPreferredHeight() {
return mHeight;
}
protected void layout(int width, int height) {
setExtent(mWidth, mHeight);
}
}
- 将 HorizontalFieldManagers 放在 VerticalFieldManagers 中，反之亦然
- 对正常、聚焦和活动状态使用不同的图像
- 如果您需要自定义形状的按钮，您可以在 super.paint() 之后在 manager paint() 方法覆盖中绘制它们
其余部分代码：
class Scr extends MainScreen implements FieldChangeListener {
Bitmap mBmpHeader = Bitmap.getBitmapResource("header.png");
Bitmap mBmpCover = Bitmap.getBitmapResource("cover.png");
Bitmap mBmpTitle = Bitmap.getBitmapResource("title.png");
Bitmap mBmpTimeline = Bitmap.getBitmapResource("timeline.png");
Bitmap mBmpLeftside = Bitmap.getBitmapResource("leftside.png");
Bitmap mBmpPrevNrm = Bitmap.getBitmapResource("btn_prev_normal.png");
Bitmap mBmpPlayNrm = Bitmap.getBitmapResource("btn_play_normal.png");
Bitmap mBmpPauseNrm = Bitmap.getBitmapResource("btn_pause_normal.png");
Bitmap mBmpStopNrm = Bitmap.getBitmapResource("btn_stop_normal.png");
Bitmap mBmpNextNrm = Bitmap.getBitmapResource("btn_next_normal.png");
Bitmap mBmpPrevFcs = Bitmap.getBitmapResource("btn_prev_focused.png");
Bitmap mBmpPlayFcs = Bitmap.getBitmapResource("btn_play_focused.png");
Bitmap mBmpPauseFcs = Bitmap.getBitmapResource("btn_pause_focused.png");
Bitmap mBmpStopFcs = Bitmap.getBitmapResource("btn_stop_focused.png");
Bitmap mBmpNextFcs = Bitmap.getBitmapResource("btn_next_focused.png");
Bitmap mBmpRightside = Bitmap.getBitmapResource("rightside.png");
VerticalFieldManager mMainManager;
HorizontalFieldManager mHeaderManager;
HorizontalFieldManager mCoverManager;
HorizontalFieldManager mTitleManager;
HorizontalFieldManager mTimelineManager;
HorizontalFieldManager mToolbarManager;
BitmapField mHeader;
BitmapField mCover;
BitmapField mTitle;
BitmapField mTimeline;
BitmapField mLeftside;
BitmapField mRightside;
BitmapButtonField mBtnPrev;
BitmapButtonField mBtnPlay;
BitmapButtonField mBtnPause;
BitmapButtonField mBtnStop;
BitmapButtonField mBtnNext;
public Scr() {
add(mMainManager = new VerticalFieldManager());
addHeader();
addCover();
addTitle();
addTimeline();
addToolbar();
}
private void addHeader() {
mMainManager.add(mHeaderManager = new HorizontalFieldManager());
mHeaderManager.add(mHeader = new BitmapField(mBmpHeader));
}
private void addCover() {
mMainManager.add(mCoverManager = new HorizontalFieldManager());
mCoverManager.add(mCover = new BitmapField(mBmpCover));
}
private void addTitle() {
mMainManager.add(mTitleManager = new HorizontalFieldManager());
mTitleManager.add(mTitle = new BitmapField(mBmpTitle));
}
private void addTimeline() {
mMainManager.add(mTimelineManager = new HorizontalFieldManager());
mTimelineManager.add(mTimeline = new BitmapField(mBmpTimeline));
}
private void addToolbar() {
mMainManager.add(mToolbarManager = new HorizontalFieldManager());
mToolbarManager.add(mLeftside = new BitmapField(mBmpLeftside));
mToolbarManager.add(mBtnPrev = new BitmapButtonField(mBmpPrevNrm,
mBmpPrevFcs, mBmpPrevFcs));
mToolbarManager.add(mBtnPlay = new BitmapButtonField(mBmpPlayNrm,
mBmpPlayFcs, mBmpPlayFcs));
mBtnPlay.setChangeListener(this);
mBtnPause = new BitmapButtonField(mBmpPauseNrm, mBmpPauseFcs,
mBmpPauseFcs);
mBtnPause.setChangeListener(this);
mToolbarManager.add(mBtnStop = new BitmapButtonField(mBmpStopNrm,
mBmpStopFcs, mBmpStopFcs));
mToolbarManager.add(mBtnNext = new BitmapButtonField(mBmpNextNrm,
mBmpNextFcs, mBmpNextFcs));
mToolbarManager.add(mRightside = new BitmapField(mBmpRightside));
}
public void fieldChanged(Field field, int context) {
if (mBtnPlay == field)
play();
else if (mBtnPause == field)
pause();
}
private void pause() {
mToolbarManager.replace(mBtnPause, mBtnPlay);
}
private void play() {
mToolbarManager.replace(mBtnPlay, mBtnPause);
}
}
于 2009-09-20T10:25:10.943 回答