Android有趣的全透明效果–Activity及Dialog的全透明(附android系统自带图标大全)

1.Activity全透明

同学zzm给了这个有趣的代码，现在公布出来。

先在res/values下建colors.xml文件，写入：** **** **

<table style="font-weight: normal !important;" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="gutter" style="color: #afafaf !important;">
      <div class="line number1 index0 alt2">
        1
      </div>
      
      <div class="line number2 index1 alt1">
        2
      </div>
      
      <div class="line number3 index2 alt2">
        3
      </div>
      
      <div class="line number4 index3 alt1">
        4
      </div>
    </td>
    
    <td class="code">
      <div class="container">
        <div class="line number1 index0 alt2">
          `&lt;? ``xml` `version` `= ``"1.0"` `encoding` `= ``"UTF-8"` `?&gt;    `
        </div>
        
        <div class="line number2 index1 alt1">
          `&lt;``resources``&gt;    `
        </div>
        
        <div class="line number3 index2 alt2">
          `    ``&lt;``color`   `name` `= ``"transparent"``&gt; #9000 &lt;/``color``&gt;    `
        </div>
        
        <div class="line number4 index3 alt1">
          `&lt;/``resources``&gt;`
        </div>
      </div>
    </td>
  </tr>
</table>

这个值设定了整个界面的透明度，为了看得见效果，现在设为透明度为56%(9/16)左右。

再在res/values/下建styles.xml,设置程序的风格

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="gutter" style="color: #afafaf !important;">
      <div class="line number1 index0 alt2">
        1
      </div>
      
      <div class="line number2 index1 alt1">
        2
      </div>
      
      <div class="line number3 index2 alt2">
        3
      </div>
      
      <div class="line number4 index3 alt1">
        4
      </div>
      
      <div class="line number5 index4 alt2">
        5
      </div>
      
      <div class="line number6 index5 alt1">
        6
      </div>
      
      <div class="line number7 index6 alt2">
        7
      </div>
      
      <div class="line number8 index7 alt1">
        8
      </div>
    </td>
    
    <td class="code">
      <div class="container">
        <div class="line number1 index0 alt2">
          `&lt;?``xml` `version``=``"1.0"` `encoding``=``"utf-8"``?&gt; `
        </div>
        
        <div class="line number2 index1 alt1">
          `&lt;``resources``&gt; `
        </div>
        
        <div class="line number3 index2 alt2">
          `    ``&lt;``style` `name``=``"Transparent"``&gt; `
        </div>
        
        <div class="line number4 index3 alt1">
          `        ``&lt;``item` `name``=``"android:windowBackground"``&gt;@color/transparent&lt;/``item``&gt; `
        </div>
        
        <div class="line number5 index4 alt2">
          `        ``&lt;``item` `name``=``"android:windowIsTranslucent"``&gt;true&lt;/``item``&gt;    `
        </div>
        
        <div class="line number6 index5 alt1">
          `        ``&lt;``item` `name``=``"android:windowAnimationStyle"``&gt;@+android:style/Animation.Translucent&lt;/``item``&gt; `
        </div>
        
        <div class="line number7 index6 alt2">
          `    ``&lt;/``style``&gt; `
        </div>
        
        <div class="line number8 index7 alt1">
          `&lt;/``resources``&gt;`
        </div>
      </div>
    </td>
  </tr>
</table>

最后一步，把这个styles.xml用在相应的Activity上。即在AndroidManifest.xml中的任意标签中添加 android:theme = “@style/transparent”

如果想设置所有的activity都使用这个风格，可以把这句标签语句添加在中。

最后运行程序，哈哈，是不是发现整个界面都被蒙上一层半透明了。最后可以把背景色#9000换成#0000，运行程序后，就全透明了，看得见背景下的所有东西可以却都操作无效。呵呵….

2.Dialog全透明

1.准备保留边框的全透明素材如下图：

2.在values中新建一styles.xml文件，内容如下：

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="gutter" style="color: #afafaf !important;">
      <div class="line number1 index0 alt2">
        1
      </div>
      
      <div class="line number2 index1 alt1">
        2
      </div>
      
      <div class="line number3 index2 alt2">
        3
      </div>
      
      <div class="line number4 index3 alt1">
        4
      </div>
      
      <div class="line number5 index4 alt2">
        5
      </div>
      
      <div class="line number6 index5 alt1">
        6
      </div>
      
      <div class="line number7 index6 alt2">
        7
      </div>
      
      <div class="line number8 index7 alt1">
        8
      </div>
      
      <div class="line number9 index8 alt2">
        9
      </div>
      
      <div class="line number10 index9 alt1">
        10
      </div>
      
      <div class="line number11 index10 alt2">
        11
      </div>
      
      <div class="line number12 index11 alt1">
        12
      </div>
      
      <div class="line number13 index12 alt2">
        13
      </div>
      
      <div class="line number14 index13 alt1">
        14
      </div>
      
      <div class="line number15 index14 alt2">
        15
      </div>
      
      <div class="line number16 index15 alt1">
        16
      </div>
      
      <div class="line number17 index16 alt2">
        17
      </div>
      
      <div class="line number18 index17 alt1">
        18
      </div>
    </td>
    
    <td class="code">
      <div class="container">
        <div class="line number1 index0 alt2">
          `&lt;?``xml` `version``=``"1.0"` `encoding``=``"UTF-8"``?&gt;`
        </div>
        
        <div class="line number2 index1 alt1">
          `&lt;``resources``&gt;`
        </div>
        
        <div class="line number3 index2 alt2">
          `    ``&lt;``style` `name``=``"TANCStyle"` `parent``=``"@android:style/Theme.Dialog"``&gt;`
        </div>
        
        <div class="line number4 index3 alt1">
          `        ``&lt;!-- 更换背景图片实现全透明 --&gt;`
        </div>
        
        <div class="line number5 index4 alt2">
          `        ``&lt;``item` `name``=``"android:windowBackground"``&gt;@drawable/panel_background_sodino1&lt;/``item``&gt;`
        </div>
        
        <div class="line number6 index5 alt1">
          `        ``&lt;!-- 屏幕背景不变暗 --&gt;`
        </div>
        
        <div class="line number7 index6 alt2">
          `        ``&lt;``item` `name``=``"android:backgroundDimEnabled"``&gt;false&lt;/``item``&gt;`
        </div>
        
        <div class="line number8 index7 alt1">
          `        ``&lt;!-- 更改对话框标题栏 --&gt;`
        </div>
        
        <div class="line number9 index8 alt2">
          `        ``&lt;``item` `name``=``"android:windowTitleStyle"``&gt;@style/TitleStyle&lt;/``item``&gt;`
        </div>
        
        <div class="line number10 index9 alt1">
          `    ``&lt;/``style``&gt;`
        </div>
        
        <div class="line number11 index10 alt2">
          `    ``&lt;``style` `name``=``"TitleStyle"` `parent``=``"@android:style/DialogWindowTitle"``&gt;`
        </div>
        
        <div class="line number12 index11 alt1">
          `        ``&lt;``item` `name``=``"android:textAppearance"``&gt;@style/TitleText&lt;/``item``&gt;`
        </div>
        
        <div class="line number13 index12 alt2">
          `    ``&lt;/``style``&gt;`
        </div>
        
        <div class="line number14 index13 alt1">
          `    ``&lt;``style` `name``=``"TitleText"` `parent``=``"@android:style/TextAppearance.DialogWindowTitle"``&gt;`
        </div>
        
        <div class="line number15 index14 alt2">
          `        ``&lt;!-- 设置Dialog标题栏文字颜色。 --&gt;`
        </div>
        
        <div class="line number16 index15 alt1">
          `        ``&lt;``item` `name``=``"android:textColor"``&gt;#000&lt;/``item``&gt;`
        </div>
        
        <div class="line number17 index16 alt2">
          `    ``&lt;/``style``&gt;`
        </div>
        
        <div class="line number18 index17 alt1">
          `&lt;/``resources``&gt;`
        </div>
      </div>
    </td>
  </tr>
</table>

3.在layout文件夹下新建一文件句为main_dialog.xml，内容如下：

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="gutter" style="color: #afafaf !important;">
      <div class="line number1 index0 alt2">
        1
      </div>
      
      <div class="line number2 index1 alt1">
        2
      </div>
      
      <div class="line number3 index2 alt2">
        3
      </div>
      
      <div class="line number4 index3 alt1">
        4
      </div>
      
      <div class="line number5 index4 alt2">
        5
      </div>
      
      <div class="line number6 index5 alt1">
        6
      </div>
      
      <div class="line number7 index6 alt2">
        7
      </div>
      
      <div class="line number8 index7 alt1">
        8
      </div>
      
      <div class="line number9 index8 alt2">
        9
      </div>
      
      <div class="line number10 index9 alt1">
        10
      </div>
      
      <div class="line number11 index10 alt2">
        11
      </div>
      
      <div class="line number12 index11 alt1">
        12
      </div>
      
      <div class="line number13 index12 alt2">
        13
      </div>
      
      <div class="line number14 index13 alt1">
        14
      </div>
      
      <div class="line number15 index14 alt2">
        15
      </div>
      
      <div class="line number16 index15 alt1">
        16
      </div>
      
      <div class="line number17 index16 alt2">
        17
      </div>
      
      <div class="line number18 index17 alt1">
        18
      </div>
      
      <div class="line number19 index18 alt2">
        19
      </div>
      
      <div class="line number20 index19 alt1">
        20
      </div>
      
      <div class="line number21 index20 alt2">
        21
      </div>
      
      <div class="line number22 index21 alt1">
        22
      </div>
      
      <div class="line number23 index22 alt2">
        23
      </div>
      
      <div class="line number24 index23 alt1">
        24
      </div>
      
      <div class="line number25 index24 alt2">
        25
      </div>
      
      <div class="line number26 index25 alt1">
        26
      </div>
    </td>
    
    <td class="code">
      <div class="container">
        <div class="line number1 index0 alt2">
          `&lt;?``xml` `version``=``"1.0"` `encoding``=``"UTF-8"``?&gt;  `
        </div>
        
        <div class="line number2 index1 alt1">
          `&lt;``RelativeLayout` `xmlns:android``=``"http://schemas.android.com/apk/res/android"`
        </div>
        
        <div class="line number3 index2 alt2">
          `    ``android:layout_width``=``"wrap_content"`
        </div>
        
        <div class="line number4 index3 alt1">
          `    ``android:layout_height``=``"wrap_content"`
        </div>
        
        <div class="line number5 index4 alt2">
          `    ``android:background``=``"#0000"``&gt;  `
        </div>
        
        <div class="line number6 index5 alt1">
          `    ``&lt;``ScrollView` `android:id``=``"@+id/ScrollView01"`
        </div>
        
        <div class="line number7 index6 alt2">
          `        ``android:layout_width``=``"wrap_content"`
        </div>
        
        <div class="line number8 index7 alt1">
          `        ``android:layout_height``=``"200px"`
        </div>
        
        <div class="line number9 index8 alt2">
          `        ``android:layout_below``=``"@+id/ImageView01"`
        </div>
        
        <div class="line number10 index9 alt1">
          `        ``android:background``=``"#0000"``&gt;  `
        </div>
        
        <div class="line number11 index10 alt2">
          `        ``&lt;``TextView` `android:id``=``"@+id/TextView01"`
        </div>
        
        <div class="line number12 index11 alt1">
          `            ``android:text``=``"SodinoText"`
        </div>
        
        <div class="line number13 index12 alt2">
          `            ``android:textColor``=``"#f000"`
        </div>
        
        <div class="line number14 index13 alt1">
          `            ``android:layout_width``=``"wrap_content"`
        </div>
        
        <div class="line number15 index14 alt2">
          `            ``android:layout_height``=``"wrap_content"`
        </div>
        
        <div class="line number16 index15 alt1">
          `            ``android:background``=``"#0000"`
        </div>
        
        <div class="line number17 index16 alt2">
          `        ``&gt;&lt;/``TextView``&gt;  `
        </div>
        
        <div class="line number18 index17 alt1">
          `    ``&lt;/``ScrollView``&gt;  `
        </div>
        
        <div class="line number19 index18 alt2">
          `    ``&lt;``Button` `android:id``=``"@+id/btnCancel"`
        </div>
        
        <div class="line number20 index19 alt1">
          `        ``android:layout_below``=``"@id/ScrollView01"`
        </div>
        
        <div class="line number21 index20 alt2">
          `        ``android:layout_width``=``"wrap_content"`
        </div>
        
        <div class="line number22 index21 alt1">
          `        ``android:layout_height``=``"wrap_content"`
        </div>
        
        <div class="line number23 index22 alt2">
          `        ``android:layout_centerHorizontal``=``"true"`
        </div>
        
        <div class="line number24 index23 alt1">
          `        ``android:text``=``"Cancel"``&gt;  `
        </div>
        
        <div class="line number25 index24 alt2">
          `    ``&lt;/``Button``&gt;  `
        </div>
        
        <div class="line number26 index25 alt1">
          `&lt;/``RelativeLayout``&gt;`
        </div>
      </div>
    </td>
  </tr>
</table>

4.Activity代码如下：

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="gutter" style="color: #afafaf !important;">
      <div class="line number1 index0 alt2">
        1
      </div>
      
      <div class="line number2 index1 alt1">
        2
      </div>
      
      <div class="line number3 index2 alt2">
        3
      </div>
      
      <div class="line number4 index3 alt1">
        4
      </div>
      
      <div class="line number5 index4 alt2">
        5
      </div>
      
      <div class="line number6 index5 alt1">
        6
      </div>
      
      <div class="line number7 index6 alt2">
        7
      </div>
      
      <div class="line number8 index7 alt1">
        8
      </div>
      
      <div class="line number9 index8 alt2">
        9
      </div>
      
      <div class="line number10 index9 alt1">
        10
      </div>
      
      <div class="line number11 index10 alt2">
        11
      </div>
      
      <div class="line number12 index11 alt1">
        12
      </div>
      
      <div class="line number13 index12 alt2">
        13
      </div>
      
      <div class="line number14 index13 alt1">
        14
      </div>
      
      <div class="line number15 index14 alt2">
        15
      </div>
      
      <div class="line number16 index15 alt1">
        16
      </div>
      
      <div class="line number17 index16 alt2">
        17
      </div>
      
      <div class="line number18 index17 alt1">
        18
      </div>
      
      <div class="line number19 index18 alt2">
        19
      </div>
      
      <div class="line number20 index19 alt1">
        20
      </div>
      
      <div class="line number21 index20 alt2">
        21
      </div>
      
      <div class="line number22 index21 alt1">
        22
      </div>
      
      <div class="line number23 index22 alt2">
        23
      </div>
      
      <div class="line number24 index23 alt1">
        24
      </div>
      
      <div class="line number25 index24 alt2">
        25
      </div>
      
      <div class="line number26 index25 alt1">
        26
      </div>
      
      <div class="line number27 index26 alt2">
        27
      </div>
      
      <div class="line number28 index27 alt1">
        28
      </div>
      
      <div class="line number29 index28 alt2">
        29
      </div>
      
      <div class="line number30 index29 alt1">
        30
      </div>
      
      <div class="line number31 index30 alt2">
        31
      </div>
      
      <div class="line number32 index31 alt1">
        32
      </div>
      
      <div class="line number33 index32 alt2">
        33
      </div>
      
      <div class="line number34 index33 alt1">
        34
      </div>
      
      <div class="line number35 index34 alt2">
        35
      </div>
      
      <div class="line number36 index35 alt1">
        36
      </div>
      
      <div class="line number37 index36 alt2">
        37
      </div>
      
      <div class="line number38 index37 alt1">
        38
      </div>
      
      <div class="line number39 index38 alt2">
        39
      </div>
    </td>
    
    <td class="code">
      <div class="container">
        <div class="line number1 index0 alt2">
          `package` `lab.sodino.tanc;  `
        </div>
        
        <div class="line number2 index1 alt1">
          `import` `android.app.Activity;  `
        </div>
        
        <div class="line number3 index2 alt2">
          `import` `android.app.Dialog;  `
        </div>
        
        <div class="line number4 index3 alt1">
          `import` `android.os.Bundle;  `
        </div>
        
        <div class="line number5 index4 alt2">
          `import` `android.view.View;  `
        </div>
        
        <div class="line number6 index5 alt1">
          `import` `android.widget.Button;  `
        </div>
        
        <div class="line number7 index6 alt2">
          `import` `android.widget.TextView;  `
        </div>
        
        <div class="line number8 index7 alt1">
          `public` `class` `TANCAct ``extends` `Activity {  `
        </div>
        
        <div class="line number9 index8 alt2">
          `    ``/** Called when the activity is first created. */`
        </div>
        
        <div class="line number10 index9 alt1">
          `    ``@Override`
        </div>
        
        <div class="line number11 index10 alt2">
          `    ``public` `void` `onCreate(Bundle savedInstanceState) {  `
        </div>
        
        <div class="line number12 index11 alt1">
          `        ``super``.onCreate(savedInstanceState);  `
        </div>
        
        <div class="line number13 index12 alt2">
          `        ``setContentView(R.layout.main);  `
        </div>
        
        <div class="line number14 index13 alt1">
          `        ``Button btnShow = (Button) findViewById(R.id.btnShow);  `
        </div>
        
        <div class="line number15 index14 alt2">
          `        ``btnShow.setOnClickListener(``new` `Button.OnClickListener() {  `
        </div>
        
        <div class="line number16 index15 alt1">
          `            ``public` `void` `onClick(View view) {  `
        </div>
        
        <div class="line number17 index16 alt2">
          `                ``showTANC(  `
        </div>
        
        <div class="line number18 index17 alt1">
          `                        ``"This is my custom dialog box"``,  `
        </div>
        
        <div class="line number19 index18 alt2">
          `                        ``"TextContent/nWhen a dialog is requested for the first time, Android calls onCreateDialog(int)  from your Activity, which is where you should instantiate the Dialog. This callback method is passed the same ID that you passed to showDialog(int). After you create the Dialog, return the object at the end of the method."``,  `
        </div>
        
        <div class="line number20 index19 alt1">
          `                        ``"http://blog.csdn.net/sodino"``);  `
        </div>
        
        <div class="line number21 index20 alt2">
          `            ``}  `
        </div>
        
        <div class="line number22 index21 alt1">
          `        ``});  `
        </div>
        
        <div class="line number23 index22 alt2">
          `    ``}  `
        </div>
        
        <div class="line number24 index23 alt1">
          `    ``private` `void` `showTANC(String header, String content, String url) {  `
        </div>
        
        <div class="line number25 index24 alt2">
          `        ``final` `Dialog dialog = ``new` `Dialog(``this``, R.style.TANCStyle);  `
        </div>
        
        <div class="line number26 index25 alt1">
          `        ``dialog.setContentView(R.layout.main_dialog);  `
        </div>
        
        <div class="line number27 index26 alt2">
          `        ``dialog.setTitle(header);  `
        </div>
        
        <div class="line number28 index27 alt1">
          `        ``dialog.setCancelable(``true``);  `
        </div>
        
        <div class="line number29 index28 alt2">
          `        ``TextView textView01 = (TextView) dialog.findViewById(R.id.TextView01);  `
        </div>
        
        <div class="line number30 index29 alt1">
          `        ``textView01.setText(content + content + content);  `
        </div>
        
        <div class="line number31 index30 alt2">
          `        ``Button btnCancel = (Button) dialog.findViewById(R.id.btnCancel);  `
        </div>
        
        <div class="line number32 index31 alt1">
          `        ``btnCancel.setOnClickListener(``new` `Button.OnClickListener() {  `
        </div>
        
        <div class="line number33 index32 alt2">
          `            ``public` `void` `onClick(View view) {  `
        </div>
        
        <div class="line number34 index33 alt1">
          `                ``dialog.cancel();  `
        </div>
        
        <div class="line number35 index34 alt2">
          `            ``}  `
        </div>
        
        <div class="line number36 index35 alt1">
          `        ``});  `
        </div>
        
        <div class="line number37 index36 alt2">
          `        ``dialog.show();  `
        </div>
        
        <div class="line number38 index37 alt1">
          `    ``}  `
        </div>
        
        <div class="line number39 index38 alt2">
          `}`
        </div>
      </div>
    </td>
  </tr>
</table>

最后效果图：

另附 android系统自带图标大全(1.5 1.6 2.1)

http://since2006.com/android/1.5-drawables.php

文章出处：

http://blog.csdn.net/sodino/article/details/5822147

💬 评论