说到Style样式在,HTML+Javascript+CSS中,CSS就是样式,样式可以把很多通用到效果,统一为一个样式,达到通用的目的,也可以让代码更加简洁。

什么时候用Style样式 ?

例如:Android APP中到标题栏都是一个风格的,这个时候就可以定义标题的样式,所有的标题样式风格就通用了,而且维护很方便,修改样式文件,就全部都修改了

     总之:很多控件都有重复都风格的时候,就可以使用Style样式的抽取;


实现这个效果:

不使用样式,就会有很多重复代码,不利于维护和管理,例如:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"> <TextView
android:layout_width="140dp"
android:layout_height="wrap_content"
android:textColor="@android:color/black"
android:textSize="22dp"
android:background="@color/colorAccent"
android:gravity="center"
android:layout_marginTop="20dp"
android:text="111"
/> <TextView
android:layout_width="140dp"
android:layout_height="wrap_content"
android:textColor="@android:color/black"
android:textSize="22dp"
android:background="@color/colorAccent"
android:gravity="center"
android:layout_marginTop="20dp"
android:text="222"
/> <TextView
android:layout_width="140dp"
android:layout_height="wrap_content"
android:textColor="@android:color/black"
android:textSize="22dp"
android:background="@color/colorAccent"
android:gravity="center"
android:layout_marginTop="20dp"
android:text="333"
/> <TextView
android:layout_width="140dp"
android:layout_height="wrap_content"
android:textColor="@android:color/black"
android:textSize="22dp"
android:background="@color/colorAccent"
android:gravity="center"
android:layout_marginTop="20dp"
android:text="444"
/> </LinearLayout>

使用样式的优点是,重复代码被抽取,有利于维护:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"> <TextView
style="@style/MyTextView"
android:text="111"
/> <TextView
style="@style/MyTextView"
android:text="222"
/> <TextView
style="@style/MyTextView"
android:text="333"
/> <TextView
style="@style/MyTextView"
android:text="444"
/> </LinearLayout>

Styles.xml

<resources>

    <style name="MyTextView">

        <!--
android:layout_width="140dp"
android:layout_height="wrap_content"
android:textColor="@android:color/black"
android:textSize="22dp"
android:background="@color/colorAccent"
android:gravity="center"
android:layout_marginTop="20dp"
--> <item name="android:layout_width">140dp</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textColor">@android:color/black</item>
<item name="android:textSize">22dp</item>
<item name="android:background">@color/colorAccent</item>
<item name="android:gravity">center</item>
<item name="android:layout_marginTop">20dp</item> </style> </resources>

使用样式的优点是,重复代码被抽取,有利于维护,样式还有一个功能,是可以继承:

最后一个TextView控件使用的样式是:style="@style/MyTextView_update"

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"> <TextView
style="@style/MyTextView"
android:text="111"
/> <TextView
style="@style/MyTextView"
android:text="222"
/> <TextView
style="@style/MyTextView"
android:text="333"
/> <TextView
style="@style/MyTextView"
android:text="444"
/> <TextView
style="@style/MyTextView_update"
android:text="555_update"
/> </LinearLayout>

Styles.xml,升级操作 <style name="MyTextView_update" parent="MyTextView">

<resources>

    <style name="MyTextView">

        <item name="android:layout_width">140dp</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textColor">@android:color/black</item>
<item name="android:textSize">22dp</item>
<item name="android:background">@color/colorAccent</item>
<item name="android:gravity">center</item>
<item name="android:layout_marginTop">20dp</item> </style> <style name="MyTextView_update" parent="MyTextView"> <item name="android:layout_marginLeft">20dp</item> </style> </resources>

最后一个TextVIew距离左边20dp,是升级后的样式

样式不仅可以继承自己写的样式,继承别人写的样式,还可以继承系统写的样式,都是可以的

Android-Style样式的更多相关文章

  1. 20.(转)Android的样式(Style)和主题(Theme)

    Android上的Style分为了两个方面: 1,Theme是针对窗体级别的,改变窗体样式: 2,Style是针对窗体元素级别的,改变指定控件或者Layout的样式. Android系统的themes ...

  2. Android系统自带样式(@android:style/) (转)

    摘自:http://blog.csdn.net/hongya1109110121/article/details/11985545 在AndroidManifest.xml文件的activity中配置 ...

  3. Android系统自带样式(@android:style/)

    在AndroidManifest.xml文件的activity中配置 1.android:theme="@android:style/Theme" 默认状态,即如果theme这里不 ...

  4. (转)Android系统自带Activity样式(@android:style/)

    在AndroidManifest.xml文件的activity中配置 1.android:theme="@android:style/Theme" 默认状态,即如果theme这里不 ...

  5. (转)Android系统自带样式(@android:style/)

    在AndroidManifest.xml文件的activity中配置 1.android:theme="@android:style/Theme" 默认状态,即如果theme这里不 ...

  6. android自定义样式大全:shape,selector,layer-list,style,动画全部内容

    原文:http://keeganlee.me/post/android/20150830 以下摘取了部分内容: shape 一般用shape定义的xml文件存放在drawable目录下,若项目没有该目 ...

  7. Android 基础一 TextView,Style样式,Activity 传值,选择CheckBox 显示密码

    1.修改TextView字体 mTextView = (TextView) findViewById(R.id.textview1); mTextView.setText("I am her ...

  8. Android系统自带样式(@android:style/) (转)

    1 android:theme="@android:style/Theme.Holo.Light.NoActionBar.Fullscreen" 布局页面最上面 不会显示  and ...

  9. android的样式(style)与主题(theme)

    Android上的Style分为了两个方面: 1,Theme是针对窗体级别的,改变窗体样式: 2,Style是针对窗体元素级别的,改变指定控件或者Layout的样式. Android系统的themes ...

  10. ArcGIS Runtime SDK for Android中SimpleFillSymbol.Style样式

    SimpleFillSymbol.Style样式枚举共8种: 1.BACKWARD_DIAGONAL 反对角线填充 2.CROSS 交叉线填充 3.DIAGONAL_CROSS 前后对角线填充 4.F ...

随机推荐

  1. VirtualBox从USB设备(PE)启动图文教程

    很多朋友都为VBox无法进入U盘启动而苦恼,别懊恼,魔笛这就为你讲解 方法/步骤   1 大家先把U盘插入实体电脑. 单击“确定”打开“磁盘管理”, 键盘上的Win+R组合键,输入diskmgnt.. ...

  2. Rhythmk 一步一步学 JAVA (14) Spring-3 @Autowired,@Qualifier @Required @Resource @Component,@Service,@Controller,@Repository @PostConstruct,@PreDestroy

    1.@Autowired 注解:首先在使用时候需要引入配置: <!-- 该 BeanPostProcessor 将自动起作用,对标注 @Autowired 的 Bean 进行自动注入 --> ...

  3. halcon连续采集图像

    dev_close_window()dev_update_window('off')create_bar_code_model ([], [], BarCodeHandle)dev_open_wind ...

  4. 「小程序JAVA实战」小程序的表单组件(25)

    转自:https://idig8.com/2018/08/18/xiaochengxujavashizhanxiaochengxudebiaodanzujian25/ 来说下 ,小程序的基础组件.源码 ...

  5. Maven使用Nexus私服的配置

    工作记录 —————————————————————————————— 配置文件 apache-maven-3.3.3\conf\settings.xml 在mirrors(镜像)之间配置. url为 ...

  6. iPhone开发随想:rand()还是arc4random()

    原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://bj007.blog.51cto.com/1701577/544006 今天在iP ...

  7. iOS/iPhone学习系列、代码教程

    part 1--入门: 1. xcode 版本下载 以及 iphone sdk 下载: 最新版本在此下载: http://developer.apple.com/devcenter/ios/index ...

  8. C#关于using用法的总结

    1 作为指令,引入命名空间 using 命名空间的名字,这样可以直接使用命名空间中的类型,而不必指定类型的详细命名空间. 2 作为指令,定义别名 using 别名=详细命名空间信息的具体的类型. 3 ...

  9. ArraySegment的用法

    string[] myArr = { "Overred", "Medloy", "Xiaoguai", "Hare" } ...

  10. Linux实战教学笔记38:企业级Nginx Web服务优化实战(下)

    四,Nginx站点目录及文件URL访问控制 4.1 根据扩展名限制程序和文件访问 Web2.0时代,绝大多数网站都是以用户为中心多的,例如:bbs,blog,sns产品,这几个产品都有一个共同特点,就 ...