Chinese, Simplified 字幕

← zU3Les_eNRc

zU3Les_eNRc

埋め込みコードを取得する
7言語

Showing Revision 5 created 04/13/2016 by Udacity Robot.

  1. 您在这里看到的是
    我的 button_custom.xml 文件。
  2. 您可以看到我将
    它放在 res drawable 之下,
  3. 文件名为 button_custom.xml。
  4. 其中有我的选择器,
  5. 我的选择器使
    用 Standroid Android 命名方案。
  6. 我的选择器中
    包括了四个项目。
  7. 这四项分别是
    当 state_pressed 为 true 时,则是 signin_pressed;
  8. 当 stay_focused 为 true 时,则是 signin_focus;
    当 enabled 为 false 时,则是 signin_disabled;
  9. 对于其他所有情况,
    则是 normal。
  10. 将 normal drawable 放在列表底部
    是比较合适的做法。
  11. 请注意,state_pressed 为 true 时,
    将获得您的 signin_pressed 图形,
  12. state_focused 为 true 时,
    将给出您的 signin_focus。
  13. 稍有不同之处是,
    当被禁用
  14. 以及您想要之前我们
    看到的重影图片时,
  15. 只有 state_enabled 等于 false,
  16. 没有 state_disabled 等于 true。
  17. 敬请注意这一点。
  18. 当然,就像我说的,
    normal 是最后一个。
  19. 现在我们来看一下
    它是如何在主活动中
  20. 更改按钮定义的。
  21. 这是我的活动主布局,
    这里是按钮。
  22. 首先请注意,
    我刚刚把我的按钮从登录按钮
  23. 改成了标准按钮。
  24. 对于标准按钮而言,
    如果您看到背景设置,
  25. 我已将其设置为 drawable/button_custom,
  26. 告诉系统要
    使用 button_custom.xml。
  27. 如果您将自己的 xml 文件
    命名为其他名称,
  28. 请确保您在这里使用
    的 drawable 正确无误。
  29. 我还做了
    其他更改。
  30. Android 中的按钮通常是默认的,
    因此其文本全部使用大写字母。
  31. 但我们只希望 sign in(登录)
    中的 S 和 I 使用大写。
  32. 因此我对其进行了更改,
    以便 text all caps 为 false,
  33. 然后 Android 文本
    sign in 便可正常显示。
  34. S 和 I 都是大写的。
  35. 您也可以将文本加载
    到字符串资源中,
  36. 但是为求简便,
    现在我只是进行了硬编码。
  37. 您也可以将字符串
    加载到字符串资源中,
  38. 为求简便,现在我就将它放在这里了。
  39. 最后,
    由于我们将登录按钮
    改成了普通按钮,
  40. 因此我们可以对其进行自定义,
    我们必须稍微重构下我们的代码。
  41. 我们一起看一下
    主活动中的更改。
  42. 其实非常简单。
  43. 之前,我创建了名为
    M sign in 的登录按钮。
  44. 我仅仅将其改为一个按钮。
  45. 然后,当我创建
    单击处理程序时,
  46. 我只是将 find view by ID 登录按钮改为按钮,
    而不是登录按钮,
  47. 其他的便都不需要更改了。
  48. 现在,我们来看看,
    使用 Google sign-in 按钮
  49. 代替之前红色商标按钮
    的应用的外观如何。
  50. 现在,您可以看到一个相同的应用。
  51. 只是在按钮的布局
    上有所不同,
  52. 从之前的横向排列
    改成了纵向排列。
  53. 但是,现在您可以看到
    登录按钮代替了
  54. 红色的 Google Plus 登录按钮。
  55. 当我触摸这个按钮时,
    我同之前一样就能登录了。
  56. 如您所见,我登录了
    我的应用,
  57. 并且注销按钮和撤销访问权
    按钮与之前看到的一样。
  58. 这便是新的自定义
    登录按钮,
  59. 与网页登录等等
    更为一致。
  60. 并且此按钮遵守
  61. 我们在前面的视频中
    所看到的相关指南。