<ion-view view-ion nav title 居中="">左右怎么加

IT技术博客IT技术博客,精选各种精华文章供您阅读,是您学习各种IT技术的博客优选之地评论1.一般制作文字环绕图片效果。
HTML结构:
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&&html&&head&
&title&css制作图片环绕效果&/title&
&link href="Style.css" rel="stylesheet" type="text/css" /&&/head&&body&
&div id="container"&
&div id="parent_panel"&
&div id="image_panel"&
&img src="Images/logo_cn.png" alt="google logo"/&
&div id="text_panel"&
&li&C#语言是一门优秀的面向对象语言&/li&
&li&C#语言是一门优秀的面向对象语言&/li&
&li&C#语言是一门优秀的面向对象语言&/li&
&li&C#语言是一门优秀的面向对象语言&/li&
&li&C#语言是一门优秀的面向对象语言&/li&
&li&C#语言是一门优秀的面向对象语言&/li&
&li&C#语言是一门优秀的面向对象语言&/li&
&/div&&/body&&/html&
#container{ border:1 width:600 /*页面水平居中显示*/ margin:0}#image_panel{ float:}
原始效果:
虽然达到了文字环绕图片效果,但是&li&呈现的列表项的形状在图片上面,不是和文字紧贴在一起。达不到我们预期的效果。
2.当文字中含有&ul&和&li&标签时,我们通过向&ul&和&li&标签添加CSS样式,list-style-position:这样列表项前面的编号就和文字在一起,而不会出现在图片里面,影响设计效果。
在CSS文件中添加如下2句话:
#text_panel ul{&&& list-style-position:}#text_panel li{&&& list-style-position:}
修改后的效果:
23:24 推荐.NET配套的通用数据层ORM框架:"文章分类 (8504) (2370) (1192) (135)文章档案 (1) (7) (23) (3) (834) (988) (1834) (1604) (735) (891) (688) (572) (283) (38)最新文章阅读排行榜友情链接13700人阅读
Android基础教程(31)
在开发中我们经常需要把我们的应用设置为全屏,这里我所知道的有俩中方法,一中是在代码中设置,另一种方法是在配置文件里改!
一、在代码中设置:
package com.android.
import android.app.A
import android.os.B
import android.view.W
import android.view.WindowM
public class OpenGl_Lesson1 extends Activity {
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
getWindow().setFlags(WindowManager.LayoutParams. FLAG_FULLSCREEN ,
WindowManager.LayoutParams. FLAG_FULLSCREEN);
setContentView(R.layout.main);
在这里要强调一点,设置全屏的俩段代码必须在setContentView(R.layout.main) 之前,不然会报错。
二、在配置文件里修改(android:theme=&@android:style/Theme.NoTitleBar.Fullscreen&):
&?xml version=&1.0& encoding=&utf-8&?&
&manifest xmlns:android=&/apk/res/android&
package=&com.android.tutor&
android:versionCode=&1&
android:versionName=&1.0&&
&application android:icon=&@drawable/icon& android:label=&@string/app_name&&
&activity android:name=&.OpenGl_Lesson1&
android:theme=&@android:style/Theme.NoTitleBar.Fullscreen&
android:label=&@string/app_name&&
&intent-filter&
&action android:name=&android.intent.action.MAIN& /&
&category android:name=&android.intent.category.LAUNCHER& /&
&/intent-filter&
&/activity&
&/application&
&uses-sdk android:minSdkVersion=&7& /&
&/manifest&
在这里我还想说明一下,用前者在我们应用运行后,会看到短暂的状态栏,然后才全屏,而第二种方法是不会有这种情况的,所以我建议
大家使用后者! 谢谢~
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:3506551次
积分:23988
积分:23988
排名:第185名
原创:121篇
转载:22篇
评论:4756条
现在团队急招Android工程师&后台出身CTO,有兴趣的联系勃起哥,电话: 微信:bokiquery!
我司急招Android工程师&后台出身CTO,有兴趣的联系勃起哥,电话: 微信:bokiquery!
文章:26篇
阅读:998403
(1)(1)(1)(1)(1)(2)(3)(3)(2)(2)(1)(1)(2)(2)(1)(1)(2)(2)(2)(4)(7)(6)(12)(8)(11)(6)(21)(26)(12)模板添加统计的代码_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
评价文档:
模板添加统计的代码
上传于||暂无简介
大小:3.71KB
登录百度文库,专享文档复制特权,财富值每天免费拿!
你可能喜欢转 Android知识(34)
一个接着一个的activity,写啊写,调啊调,后来,终于发觉,activity的标题栏好难看,好单调啊。咱们为了吸引用户的眼球,得搞点个性化的东西。
&&&&&&& 自定义标题栏的方法,网上一搜一大堆,我也稍微提一下,oncreate中加上如下代码就行:
Java代码 &
requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
setContentView(view);
getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.title);
&&&&&&&& 这个名为title的layout是这样子的,很简单,就是一个textview,然后有个背景色:
&?xml version=&1.0& encoding=&utf-8&?&
&LinearLayout xmlns:android=&/apk/res/android&
android:orientation=&vertical&
android:layout_width=&fill_parent&
android:layout_height=&fill_parent&
android:background=&#66cccccc&
android:layout_width=&fill_parent&
android:layout_height=&wrap_content&
android:text=&hello&
&/LinearLayout&
&&&&&&&& 好,运行看效果。看到了吧,发现问题了没,标题栏的背景色没有填充满是吧,这可真是杯具哟。padding、margin什么的都用上也不管用,怎么办呢。
&& &&&& 看源码!
window初始化,加载标题的地方,咱也不知道在哪里,不过咱能以layout作为切入点。打开源码里面的layout文件夹,找跟标题栏相关的xml
文件。里面有screen_title.xml和screen_custom_title.xml,这就是咱们要找的目标了。
既然是自定义标题,那我们就看screen_custom_title.xml,里面有一个title_container和一个content,组合成
了标题栏,我们自定义标题所给出的view,都被content作为子view了,影响不了那个title_container和content,所以,
任你怎么弄,它该留白的还是留白,你没招。
&& &看title_container有个style是这样的:style=&?android:attr/windowTitleBackgroundStyle&
&& &content的foreground是这样的android:foreground=&?android:attr/windowContentOverlay&
&& &好,从这里我们就可以入手改了。
&&&&& 去values下面的themes.xml找到windowTitleBackgroundStyle这一项,这个应该在注释&!-- Window attributes --&的下面。
&item name=&windowTitleBackgroundStyle&&@android:style/WindowTitleBackground&/item&
&&&&& 然后去styles.xml下找到WindowTitleBackground项,
&mce:style name=&WindowTitleBackground&&&!--
&item name=&android:background&&@android:drawable/title_bar&/item&
--&&/mce:style&&style name=&WindowTitleBackground& mce_bogus=&1&&
&item name=&android:background&&@android:drawable/title_bar&/item&&/style&
&&& & 发现是一个drawable,xml的,里面定义了背景图片。ok,我们知道了,这个是定义titlebar的背景色。
&&& 然后,去values下面的themes.xml找到windowContentOverlay,也是属于window attributes。
&item name=&windowContentOverlay&&@android:drawable/title_bar_shadow&/item&
&&&& 发现也是个drawable,ok,我们也知道了,这个是定义contentoverlay的背景的。
&& &其实,通过研究我发现,不能填充满的原因是title_container的背景的原因,我们覆盖一下就行了。
&&&&& 首先,写个themes文件
&resources&
&mce:style name=&XTheme& parent=&android:Theme&&&!--
Window attributes --&
&item name=&android:windowTitleStyle&&@style/XWindowTitle&/item&
&item name=&android:windowTitleBackgroundStyle&&@style/StatusBarBackground&/item&
&item name=&android:windowContentOverlay&&@null&/item&
--&&/mce:style&&style name=&XTheme& parent=&android:Theme& mce_bogus=&1&& Window attributes --&
&item name=&android:windowTitleStyle&&@style/XWindowTitle&/item&
&item name=&android:windowTitleBackgroundStyle&&@style/StatusBarBackground&/item&
&item name=&android:windowContentOverlay&&@null&/item&
&/resources&
&&&& 然后写styles文件
&resources&
&mce:style name=&StatusBarBackground&&&!--
&item name=&android:background&&@drawable/shape&/item&
--&&/mce:style&&style name=&StatusBarBackground& mce_bogus=&1&&
&item name=&android:background&&@drawable/shape&/item&
&mce:style name=&XWindowTitle& parent=&android:WindowTitle&&&!--
&item name=&android:shadowColor&&#BB000000&/item&
&item name=&android:shadowRadius&&0&/item&
--&&/mce:style&&style name=&XWindowTitle& parent=&android:WindowTitle& mce_bogus=&1&&
&item name=&android:shadowColor&&#BB000000&/item&
&item name=&android:shadowRadius&&0&/item&
&/resources&
&&&& 注意这个XWindowTitle要继承WindowTitle。
&& 最后,在manifext中给自定义的activity申明主题。
&activity android:name=&.Entry&
android:label=&@string/app_name&
android:theme=&@style/XTheme&&
&intent-filter&
&action android:name=&android.intent.action.MAIN& /&
&category android:name=&android.intent.category.LAUNCHER& /&
&/intent-filter&
&/activity&
&&&& 好,我们来看看效果吧:
&&&&& so cool, isn't it?
&&&&& 当然,你也可以换成别的颜色或者是更炫的图片做背景。
转自:/topic/760314
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:335984次
积分:4010
积分:4010
排名:第5333名
原创:28篇
转载:144篇
评论:110条
(2)(3)(11)(4)(1)(4)(5)(1)(1)(1)(1)(1)(1)(7)(2)(1)(3)(2)(2)(4)(3)(2)(1)(2)(1)(3)(3)(5)(4)(1)(4)(14)(25)(2)(4)(3)(1)(1)(2)(13)(2)(19)(4)

我要回帖

更多关于 ion nav title 居中 的文章

 

随机推荐