Android(安卓)样式 Demo 实例

下面的实例演示了如何为单个元素使用样式。让我们首先按照以下步骤创建一个简单的 Android 应用程序:

步骤描述
1您将使用 Android Studio IDE 创建一个 Android 应用程序,并将其命名为 com.example.saira_000.myapplication 包下的 myapplication,如 Hello World 实例一章所述。
2修改 src/MainActivity.java 为定义的按钮添加单击事件监听器和处理程序的文件
3在全局样式文件 res/values/style.xml 中定义样式,以定义按钮的自定义属性。
4修改 res/layout/activity_main.xml 文件的默认内容,以包括一组 Android UI 控件,并使用定义的样式。
5运行应用程序以启动 Android 模拟器,并验证应用程序中所做更改的结果。

以下是修改后的主活动文件 src/com.example.myapplication/MainActivity.java 的内容。该文件可以包括每个基本生命周期方法。

  1. package com.example.saira_000.myapplication;
  2. import android.content.Intent;
  3. import android.net.Uri;
  4. import android.support.v7.app.ActionBarActivity;
  5. import android.os.Bundle;
  6. import android.view.Menu;
  7. import android.view.MenuItem;
  8. import android.view.View;
  9. import android.widget.Button;
  10. import android.widget.Toast;
  11. public class MainActivity extends ActionBarActivity {
  12. Button b1;
  13. @Override
  14. protected void onCreate(Bundle savedInstanceState) {
  15. super.onCreate(savedInstanceState);
  16. setContentView(R.layout.activity_main);
  17. b1=(Button)findViewById(R.id.button);
  18. b1.setOnClickListener(new View.OnClickListener() {
  19. @Override
  20. public void onClick(View v) {
  21. Toast.makeText(MainActivity.this,"YOUR MESSAGE",Toast.LENGTH_LONG).show();
  22. }
  23. });
  24. }
  25. }

下面是 res/values/style.xml 文件的内容,该文件将定义附加样式 CustomButtonStyle

  1. <resources>
  2. <!-- Base application theme. -->
  3. <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
  4. <!-- Customize your theme here. -->
  5. <item name="colorPrimary">@color/colorPrimary</item>
  6. <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
  7. <item name="colorAccent">@color/colorAccent</item>
  8. </style>
  9. <style name="CustomButtonStyle">
  10. <item name="android:layout_width">100dp</item>
  11. <item name="android:layout_height">38dp</item>
  12. <item name="android:capitalize">characters</item>
  13. <item name="android:typeface">monospace</item>
  14. <item name="android:shadowDx">1.2</item>
  15. <item name="android:shadowDy">1.2</item>
  16. <item name="android:shadowRadius">2</item>
  17. <item name="android:textColor">#000000</item>
  18. <item name="android:gravity" >center</item>
  19. <item name="android:layout_margin" >3dp</item>
  20. <item name="android:textSize" >5pt</item>
  21. <item name="android:background">#70ff106d</item>
  22. <item name="android:shadowColor" >#70ff106d</item>
  23. </style>
  24. </resources>

以下是 res/layout/activity_main.xml 文件的内容:

其中 abc 是 logo

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:paddingLeft="@dimen/activity_horizontal_margin"
  6. android:paddingRight="@dimen/activity_horizontal_margin"
  7. android:paddingTop="@dimen/activity_vertical_margin"
  8. android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
  9. >
  10. <TextView
  11. android:id="@+id/textView1"
  12. android:layout_width="wrap_content"
  13. android:layout_height="wrap_content"
  14. android:text="Custom Button Style "
  15. android:layout_alignParentTop="true"
  16. android:layout_centerHorizontal="true"
  17. android:textSize="30dp" />
  18. <TextView
  19. android:id="@+id/textView2"
  20. android:layout_width="wrap_content"
  21. android:layout_height="wrap_content"
  22. android:text="Tutorials point "
  23. android:textColor="#ff87ff09"
  24. android:textSize="30dp"
  25. android:layout_below="@+id/textView1"
  26. android:layout_centerHorizontal="true" />
  27. <ImageButton
  28. android:layout_width="wrap_content"
  29. android:layout_height="wrap_content"
  30. android:id="@+id/imageButton"
  31. android:src="@drawable/abc"
  32. android:layout_below="@+id/textView2"
  33. android:layout_centerHorizontal="true" />
  34. <Button
  35. android:layout_width="wrap_content"
  36. android:layout_height="wrap_content"
  37. style="@style/CustomButtonStyle"
  38. android:text="New Button"
  39. android:id="@+id/button"
  40. android:layout_below="@+id/imageButton"
  41. android:layout_alignLeft="@+id/imageButton"
  42. android:layout_alignStart="@+id/imageButton"
  43. android:layout_alignRight="@+id/textView2"
  44. android:layout_alignEnd="@+id/textView2" />
  45. </RelativeLayout>

下面是 res/values/strings.xml 文件的内容,定义了常量:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3. <string name="app_name">myapplication</string>
  4. </resources>

下面是默认的 AndroidManifest.xml 文件:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  3. package="com.example.guidemo">
  4. <application
  5. android:allowBackup="true"
  6. android:icon="@drawable/ic_launcher"
  7. android:label="@string/app_name"
  8. android:theme="@style/AppTheme" >
  9. <activity
  10. android:name="com.example.saira_000.myapplication"
  11. android:label="@string/app_name" >
  12. <intent-filter>
  13. <action android:name="android.intent.action.MAIN" />
  14. <category android:name="android.intent.category.LAUNCHER" />
  15. </intent-filter>
  16. </activity>
  17. </application>
  18. </manifest>

让我们尝试运行 MyApplication 应用程序。我假设您在进行环境设置时创建了 AVD。要从 Android Studio 运行应用程序,请打开项目的 activity 文件之一,然后单击工具栏上的运行 Eclipse Eclipse Run Icon 图标。Android studio 在您的 AVD 上安装应用程序并启动它,如果您的设置和应用程序一切正常,它将显示以下模拟器窗口:

如果你点击上面的按钮,它会显示信息。

分类导航