`
反求诸己
  • 浏览: 543397 次
  • 性别: Icon_minigender_1
  • 来自: 湖南娄底
社区版块
存档分类
最新评论

Three20 style 设置的一些例子

 
阅读更多

Three20 style 设置的一些例子

 

需要的前置知识:

http://mattvague.com/three20-stylesheets-tutorial

http://mattvague.com/three20-tttableitem-tutorial

 

如何改 变导航栏 颜色:

可以直接改:

self.navigationBarTintColor = [UIColor blackColor];

在于,每个页面 都得改一遍。

 

也可以使用全局的style sheet:

-(UIColor *) navigationBarTintColor {

return RGBCOLOR (20 , 20 , 30 );

}

 

设置 LauncherView item的字体和 颜色 :

- (TTStyle *)launcherButton:(UIControlState )state {

return

[TTPartStyle styleWithName :@"image" style :TTSTYLESTATE (launcherButtonImage:, state) next :

[ TTTextStyle styleWithFont:[ UIFont systemFontOfSize: 11 ] color: RGBCOLOR ( 0 , 0 , 0 )

minimumFontSize: 11 shadowColor: nil

shadowOffset: CGSizeZero next: nil ]];

}

 

设置 tabBar的背景色:

- (TTStyle *)tabBar {

return

[ TTLinearGradientFillStyle styleWithColor1:[ UIColor colorWithRed: 0.737 green: 0.82 blue: 0.906 alpha: 1.0 ]

color2:[ UIColor colorWithRed: 0.859 green: 0.894 blue: 0.929 alpha: 1.0 ]

next :nil ];

}

分享到:
评论

相关推荐

    使用3D引擎threeJS实现星空粒子移动效果

    4. **渲染器初始化**:创建`THREE.WebGLRenderer`或`THREE.CanvasRenderer`,设置渲染器大小,并将其添加到DOM中。 5. **粒子系统**:创建粒子几何体,粒子材质,以及粒子对象。 6. **事件监听**:监听鼠标移动事件...

    PPT模板-MBE STYLE 萌系卡通演示模板.pptx

    模板的结构通常包括多个部分,例如在示例中提到了“PART ONE”、“PART TWO”和“PART THREE”。这些部分可以帮助组织和呈现内容,使得演示文稿层次分明,易于理解。每个部分都有预设的标题占位符(如“Your Title”...

    three_java_heart8dd_

    这个"three_java_heart8dd_"项目提供了一个实现这种功能的小例子源码,它是一个基于滚轮选择器(Wheel View)的解决方案。下面我们将详细探讨这个项目的相关知识点。 首先,我们要理解什么是三级联动选择器。在地理...

    吹气字体变大的例子

    例如,我们可以设置一个初始的字体大小,然后利用CSS的`transition`属性添加过渡效果,当鼠标悬停时改变字体大小,模拟吹气膨胀的过程: ```html <style> .blow-up-text { font-size: 20px; transition: font-...

    Three.js学习之文字形状及自定义形状

    在Three.js中,创建3D文字和自定义形状是扩展3D场景的重要方式。Three.js是一个强大的JavaScript库,用于在Web浏览器中渲染3D图形,它利用 WebGL 技术实现。让我们深入探讨如何在Three.js中创建文字形状和自定义形状...

    jstree相关资源文件.zip

    例如,要启用复选框功能,只需在配置项中加入`'checkbox' : { 'three_state' : true }`。 总的来说,jstree是一个强大且灵活的工具,适用于各种需要展示层次结构数据的场景,如文件系统浏览、组织架构展示、菜单...

    jq 图片延迟加载 瀑布雨

    jQuery库提供了一些插件,如`jquery.lazyload.js`,可以帮助开发者轻松实现这一功能。使用这些插件,开发者需要设置一个阈值,当图片距离视口的距离小于这个阈值时,就触发图片加载。 接下来是瀑布流布局。瀑布流...

    白天黑夜切换案例.zip

    当然,实际应用中可能还需要考虑更多细节,如过渡效果、字体颜色、链接颜色等,以及在用户更改设置后保存和恢复状态。通过这种方式,用户可以自由选择适合自己的视觉体验,提升网站的可用性和舒适度。同时,这样的...

    纯js实现翻页3D相册

    在3D相册的例子中,每一页(或者每个相册元素)都是一个独立的3D子元素,它们围绕一个轴线旋转,模拟翻书的动作。配合`transform`属性中的`rotateY()`函数,可以实现沿Y轴的翻转效果,而`translateZ()`则可以控制...

    Three.js利用dat.GUI如何简化试验流程详解

    一个简单的例子可能包括以下代码: ```html <!DOCTYPE html> <title>Three.js & dat.GUI Example <style> body { margin: 0; } canvas { display: block; } </style> <script src="path/to/three.min.js...

    小程序中使用css var变量(使js可以动态设置css样式属性)

    在这个例子中,我们定义了一个名为--main-bg-color的变量,并在三个类中使用了这个变量。CSS变量可以在其作用域内被覆盖,因此在一个子类中可以设置不同的变量值,如: ```*** ***o { --test: 10px; } .three { ...

    Terra.js:Javascript程序性地形生成器

    当前仅可能生成仅是平面的地形,并且高度图数据向顶点的分布存在一些问题。 ##例子 < html > < head > < title > Terra.js </ title > < style > body { margin : 0 ; } ...

    javascript实现下雪效果(实例代码)_.docx

    在这个例子中,`<div>`的背景图片是一个雪粒的图案,通过改变背景图片的位置(`background-position`)来模拟雪花飘动的效果。同时,使用`transform: scale()`来缩小雪花,使其看起来更像天空中的真实雪花。 3. **...

    JS实现十字坐标跟随鼠标效果

    通过设置它们的样式属性,如宽度、高度、背景颜色、定位方式等,我们可以让这两个元素看起来像两条穿过页面中心的线。 接下来,我们通过`document.onmousemove`监听鼠标的移动事件。当鼠标移动时,`onmousemove`...

    HTML炫酷粒子(追光者).zip

    在这个案例中,HTML文件可能包含了一些基本的元素,如`<head>`部分引入了必要的CSS和JavaScript资源,`<body>`部分可能设置了粒子效果的容器。 CSS(Cascading Style Sheets)负责网页的样式和布局。为了实现粒子...

    javascript经典特效---半透明的表格.rar

    此外,还可以使用更先进的技术,如CSS滤镜(filter)或者WebGL库(如Three.js)来实现更复杂的透明效果。但这些通常涉及到更高级的前端开发技能,并且可能对浏览器的兼容性有更高的要求。 总结来说,"半透明的表格...

    rotate旋转

    例如,使用JavaScript的`style.transform`属性可以设置元素的旋转。以下是一个简单的例子: ```javascript let element = document.getElementById('myElement'); element.style.transform = 'rotate(45deg)'; ``` ...

    vue-360:基于Vue.js的简单美观的360°产品查看器

    import 'vue-360/dist/css/style.css' Vue.use(VueThreeSixty) 例子 <vue-three-sixty :amount=36 imagePath=...

    前端项目-tween.js.zip

    在这个例子中,我们设置了宽度从当前值变化到500像素。 4. **添加缓动效果**:Tween.js提供了多种缓动效果,如线性、回弹、摇摆等。你可以选择合适的缓动函数来使动画更生动: ```javascript .easing(TWEEN....

    js、jquery阴影效果弹出层

    此外,为了提高用户体验,我们还可以添加一些额外的功能,比如在弹出层出现时阻止页面滚动,或者在弹出层关闭后恢复滚动。这可以通过监听窗口的`scroll`事件并根据弹出层的状态来控制: ```javascript var ...

Global site tag (gtag.js) - Google Analytics