1c7 / VideoList

:us: -> :cn: @糖醋陈皮 翻译的视频列表
https://weibo.com/2004104451
57 stars 11 forks source link

Android 和前端的异同点 #92

Open 1c7 opened 8 years ago

1c7 commented 8 years ago

最近在学安卓,感觉和前端很多地方一样,列下各种比较。


1. 内外边距 Padding & Margin

CSS Android
margin-left: 12px android:layout_marginLeft="12dp"


2. 占位符 Placeholder

HTML Android
<input type="text" placeholder="Email"> android:hint="Email"

如果要改 Hint 的颜色就 android:textColorHint="#f99"


3. 输入框的输入类型 Input Type

HTML Android
<input type="password"> android:inputType="textPassword"


4. 元素的唯一标示 ID

HTML Android
<div id="haha"></div> android:id="@+id/haha"


5. 布局

网页: 用 HTML 元素去包裹,再去写 CSS

Android:用各种 Layout 包裹,然后写样式

   注意1:Android 的 Layout 是可以互相嵌套的
   注意2:布局一共 4 种  Linear, Frame, Table, Relative
   以前有个 Absolute, 但是这种布局很二,因为是绝对位置,现在已经没人用了


6. TableLayout

网页里我们这样写

table
    tr
       td

安卓里这样写

TableLayout
     TableRow

可以看到网页里有 tr 一行, td 一个表格 而安卓里只有 TableRow


7. 事件监听

网页: 方法1 可以在 HTML 里写 onclick = 某函数,然后 JS 里直接写那个函数 方法2 用纯的 JS 写事件监听

Android: 方法1 在 XML 里写 onClick 方法2 写纯 JAVA 事件监听, 先 findViewById, 然后 setOnClickListener