现在的位置: 首页 > 综合 > 正文

Android UI中的自定义style和theme以及AlertDialog

2018年03月18日 ⁄ 综合 ⁄ 共 8737字 ⁄ 字号 评论关闭


1.sytle:Android中的style就是用简单的配置来实现页面的外观和风格的方式。他是一个包含一个或者多个view控件属性的集合,可以当成一个整体应用到XML单个元素上。

例如我们可以在res/values/styles.xml文件,键入代码:

 

Xml代码  收藏代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <style name="style1"> <!-- 为样式定义一个全局唯一的名字-->  
  4.         <item name="android:textSize">18px</item> <!-- name属性为样式要用在的View控件持有的属性 -->  
  5.         <item name="android:textColor">#0000CC</item>  
  6.         <!-- 
  7.             等等…… 
  8.         -->  
  9.         <item name="android:layout_width">60dip</item>  
  10.         <item name="android:layout_height">50dip</item>  
  11.         <item name="android:layout_weight">1</item>  
  12.         <item name="android:divider">#FFCFCFCF</item>  
  13.         <item name="android:dividerHeight">0.5dip</item>  
  14.         <item name="android:listSelector">@drawable/list_item_bg</item>  
  15.         <item name="android:cacheColorHint">#00000000</item>  
  16.     </style>  
  17.       
  18.     <style name="TitleStyle">  
  19.         <item name="android:textSize">18sp</item>  
  20.         <item name="android:textColor">#ec9237</item>  
  21.     </style>  
  22.       
  23.     <style name="LinkStyle">  
  24.         <item name="android:textSize">18sp</item>  
  25.         <item name="android:textColor">#ec0032</item>  
  26.         <item name="android:fromAlpha">0.0</item>  
  27.         <item name="android:toAlpha">0.0</item>  
  28.     </style>  
  29.       
  30.     <style name="SpecialText">  
  31.         <item name="android:textSize">28sp</item>  
  32.         <item name="android:textColor">@color/darkgreen</item>  
  33.         <item name="android:gravity">center</item>  
  34.         <item name="android:textStyle">bold|italic</item>  
  35.         <item name="android:background">@drawable/icon</item>  
  36.     </style>  
  37. </resources>  

 

这其实也就是把view的属性罗列出来,用一个view关联。这样在遇到view配置相同的属性的时候就可以直接通过这个名字直接关联这样的样式设置了。其实这个还想是WEB开发中的CSS的使用。就是把view的属性单独写出,提高重用性。

在layout文件中可以像下面这样使用上面的android样式:

 

Xml代码  收藏代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical"   
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent">  
  6.     <TextView style="@style/TitleStyle"   
  7.         android:layout_width="fill_parent"  
  8.         android:layout_height="wrap_content"   
  9.         android:gravity="center_vertical|center_horizontal"  
  10.         android:text="txlong_onz ai slna" />  
  11.     <TextView style="@style/LinkStyle"   
  12.         android:layout_width="fill_parent"  
  13.         android:layout_height="wrap_content"   
  14.         android:gravity="center_vertical|center_horizontal"  
  15.         android:text="http://txlong-onz.iteye.com"   
  16.         android:autoLink="all" />  
  17.     <TextView style="@style/SpecialText"   
  18.         android:layout_width="fill_parent"  
  19.         android:layout_height="wrap_content"   
  20.         android:gravity="center_vertical|center_horizontal"  
  21.         android:text="SpecialText" />  
  22. </LinearLayout>  

  <style>标签中有一个parent属性。这个属性可以让当前样式继承一个父样式,当前样式可以继承到父样式的值。当然,如果父样式的值不符合你的需求,你也可以对它进行修改,和CSS中的覆盖效果一样,都是以最后的为准,例子如下:

 

Xml代码  收藏代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <style name="style1">  
  4.         <item name="android:textSize">18px</item> <!-- name属性为样式要用在的View控件持有的属性 -->  
  5.         <item name="android:textColor">#0000CC</item>  
  6.     </style>  
  7.     <style name="subitcast" parent="@style/style1">  
  8.         <item name="android:textColor">#FF0000</item>  
  9.     </style>  
  10. </resources>  

 样式的继承,一种是继承平台自带的。一种是继承自定义的样式。继承平台原有的一定要parent指定。

 

Xml代码  收藏代码
  1. <style name="GreenText" parent="@android:style/TextAppearance">  
  2.     <item name="android:textColor">#00FF00</item>  
  3. </style>   

 继承自定义的只需在name前加要继承的style主题就行了。<style name="GreenText.Red">

Xml代码  收藏代码
  1. <item name="android:textColor">#FF0000</item>  
  2. lt;/style>  

 这种方法可以不断地继承

 

Xml代码  收藏代码
  1. <style name="CodeFont.Red.Big">  
  2.     <item name="android:textSize">30sp</item>  
  3. </style>  

2.theme:Android主题设置其实就是将主题添加到一个配置里,以方便调用,提高重用性。所以配置文件的属性也就是窗口等的主题样式。

 

Xml代码  收藏代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <style name="theme1">  
  4.         <item name="android:windowNoTitle">true</item>  
  5.         <item name="android:windowFullscreen">?android:windowNoTitle</item>  
  6.     </style>  
  7. </resources>  

上面"?android:windowNoTitle"中的问号用于引用在当前主题中定义过的资源的值。下面代码显示在AndroidManifest.xml中如何为应用设置上面定义的主题:

 

Xml代码  收藏代码
  1. <application android:icon="@drawable/icon" android:label="@string/app_name"  
  2.     android:theme="@style/theme1">  
  3.     <activity android:name=".MessageShowActivity" android:label="@string/app_name"  
  4.         android:windowSoftInputMode="adjustPan" android:screenOrientation="portrait"  
  5.         android:theme="@style/theme2">  
  6.     </activity>  
  7. </application>  

除了可以在AndroidManifest.xml中设置主题,同样也可以在代码中设置主题,如下:

setTheme(R.style.theme1);

尽管在定义上,样式和主题基本相同,但是它们使用的地方不同。样式用在单独的View,如:EditText、TextView等;主题通过AndroidManifest.xml中的<application>和<activity>用在整个应用或者某个 Activity,主题对整个应用或某个Activity存在全局性影响。如果一个应用使用了主题,同时应用下的view也使用了样式,那么当主题与样式属性发生冲突时,样式的优先级高于主题。

另外android系统也定义了一些主题,例如:

<activity android:theme="@android:style/Theme.Dialog">,该主题可以让Activity看起来像一个对话框,

<activity android:theme="@android:style/Theme.Black.NoTitleBar">Variant of the light theme with no title bar,系统自带的黑色主题。如果需要查阅这些主题,可以在文档的reference-->android-->R.style 中查看。

3.AlertDialog的使用Demo:



 主要的类在这里粘出来,style和theme自己下载下边的附件。

 

Java代码  收藏代码
  1. public class StyleThemeTest extends Activity {  
  2.     public final String TAG = "Test";  
  3.     private Dialog mDialog;  
  4.     private Button button1;  
  5.     private Button button2;  
  6.     private Button button3;  
  7.   
  8.     @Override  
  9.     public void onCreate(Bundle savedInstanceState) {  
  10.         StyleThemeTest.this.setTheme(R.style.theme1);  
  11.         super.onCreate(savedInstanceState);  
  12.         setContentView(R.layout.main);  
  13.   
  14.         button1 = (Button) findViewById(R.id.button1);  
  15.         button2 = (Button) findViewById(R.id.button2);  
  16.         button3 = (Button) findViewById(R.id.button3);  
  17.   
  18.         button1.setOnClickListener(new View.OnClickListener() {  
  19.             @Override  
  20.             public void onClick(View v) {  
  21.                 mDialog = new AlertDialog.Builder(StyleThemeTest.this)  
  22.                         .setIcon(android.R.drawable.ic_dialog_alert)  
  23.                         .setTitle("Warning!")  
  24.                         .setMessage("Are you sure to Follow or UnFollow the friend?")  
  25.                         .setPositiveButton("Ok"new DialogInterface.OnClickListener() {  
  26.                                 public void onClick(DialogInterface dialog, int whichButton) {  
  27.                                     Log.v(TAG, "OK");  
  28.                                 }  
  29.                             })  
  30.                         .setNeutralButton("Cancel",new DialogInterface.OnClickListener() {  
  31.                                 public void onClick(DialogInterface dialog, int whichButton) {  
  32.                                     Log.v(TAG, "Cancale");  
  33.                                 }  
  34.                             }).create();  
  35.                 mDialog.show();// 如果要显示对话框,一定要加上这句  
  36.             }  
  37.         });  
  38.         button2.setOnClickListener(new View.OnClickListener() {  
  39.             @Override  
  40.             public void onClick(View v) {  
  41.                 Builder builder = new AlertDialog.Builder(StyleThemeTest.this);  
  42.                 builder.setIcon(android.R.drawable.alert_dark_frame);  
  43.                 builder.setTitle("AlertDialog Title.");  
  44.                 builder.setMessage("What do think about this?");  
  45.                 builder.setNegativeButton("好"new DialogInterface.OnClickListener() {  
  46.                     @Override  
  47.                     public void onClick(DialogInterface dialog, int which) {  
  48.                         Log.v(TAG, "good");  
  49.                     }  
  50.                 });  
  51.                 builder.setNeutralButton("中立"new DialogInterface.OnClickListener() {  
  52.                     @Override  
  53.                     public void onClick(DialogInterface dialog, int which) {  
  54.                         Log.v(TAG, "just soso");  
  55.                     }  
  56.                 });  
  57.                 builder.setPositiveButton("不好"new DialogInterface.OnClickListener() {  
  58.                     @Override  
  59.                     public void onClick(DialogInterface dialog, int which) {  
  60.                         Log.v(TAG, "bad");  
  61.                     }  
  62.                 });  
  63.                 builder.create().show();  
  64.             }  
  65.         });  
  66.         button3.setOnClickListener(new View.OnClickListener() {  
  67.             @Override  
  68.             public void onClick(View v) {  
  69.                 new AlertDialog.Builder(StyleThemeTest.this)  
  70.                 .setMessage("There is a xxxxxxxxxxxx error hanppened!!!")  
  71.                 .setPositiveButton("知道了!"new DialogInterface.OnClickListener() {  
  72.                     public void onClick(DialogInterface dialog, int whichButton) {  
  73.                         Log.v(TAG, "I KNOW.");  
  74.                     }  
  75.                 }).create().show();  
  76.             }  
  77.         });  
  78.     }  
  79. }  

 原文出自:http://txlong-onz.iteye.com/blog/930222

抱歉!评论已关闭.