Học Thiết Kế Web

<div class="separator" style="clear: both; text-align: left;">Đối với lập trình trên thiết bị di động thiết kế giao diện quá một vấn đề cực kỳ quan trọng. Bởi App của bạn có được người dùng ưa thích không là 1 phần lớn do giao diện của nó. Đặc biệt là đối với lập trình trên android thì <a href="http://www.studycoding.net/2014/08/thiet-ke-giao-dien-android-app.html" target="_blank">thiết kế giao diện Android</a> là một vấn đề cực kỳ khó khăn bởi vì các thiết bị sử dụng android có rất nhiều chủng loại, nhiều kích cỡ màng hình khác nhau.</div><div class="separator" style="clear: both; text-align: left;">Vậy làm sao để thiết kế giao diện Android 1 cách đẹp nhất. Hôm nay <a href="http://www.studycoding.net/" target="_blank">StudyCoding.Net</a> sẽ hướng dẫn các bạn chương trình "dễ nhất mọi ngôn ngữ" Calculation </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigTMOs5EiuIBjCQnPAFwuw0pPq8t30qzHL0t5r8Gcy3qIyCcElKtrGlJSGdvnt2phz5wfL6u7Zz-YWaaaUsS11KRy-5w4LM9WKqnNRNC9YX_gapSk2ilGfrLDvx1gEj_Gsl9eSZDxhuPO0/s1600/calculation-android-studycoding.net.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigTMOs5EiuIBjCQnPAFwuw0pPq8t30qzHL0t5r8Gcy3qIyCcElKtrGlJSGdvnt2phz5wfL6u7Zz-YWaaaUsS11KRy-5w4LM9WKqnNRNC9YX_gapSk2ilGfrLDvx1gEj_Gsl9eSZDxhuPO0/s1600/calculation-android-studycoding.net.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjryAfC0-oh6qSk1iZMltW7dSRXUZmzVKkRvRQXlEEuQN3GxJBi4osWdVv0ll2lp8lC1zxO4kcrOA5gzQu4QKchumrdvLUxLrbLht3f7XcRryr-K2NKqReqwqlhpbycxDg1QGStYSS0C-Ni/s1600/Screenshot+from+2014-06-22+01:26:21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjryAfC0-oh6qSk1iZMltW7dSRXUZmzVKkRvRQXlEEuQN3GxJBi4osWdVv0ll2lp8lC1zxO4kcrOA5gzQu4QKchumrdvLUxLrbLht3f7XcRryr-K2NKqReqwqlhpbycxDg1QGStYSS0C-Ni/s1600/Screenshot+from+2014-06-22+01:26:21.png" /></a></div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWCkyvoLnV4nlBSedPKKKerWW36FEXsbogYYOlgWUG70EZbtEi9sxiYkZRhi7TvU8iCqL2HHJyiMzUsrWjw-nujxoMOje8CEW_R6bGAFOi8tQWX02CwRBTf-ZkU8SQexLFZgDHx-qka8SV/s1600/Screenshot+from+2014-06-22+01:27:06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWCkyvoLnV4nlBSedPKKKerWW36FEXsbogYYOlgWUG70EZbtEi9sxiYkZRhi7TvU8iCqL2HHJyiMzUsrWjw-nujxoMOje8CEW_R6bGAFOi8tQWX02CwRBTf-ZkU8SQexLFZgDHx-qka8SV/s1600/Screenshot+from+2014-06-22+01:27:06.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxmAgQ-ez7IKz6R5pT00J6sMqgoTG0cAEbTwwGYHrJLDGZ-OO9ZBIbBXWizv4g1xx57B2fhDdWocdBOEEShh69ABzfMRCfta71kB4HMGLI0PvXdXraqL3vWKLpmb9rxh9oNVwWvPZRpPEu/s1600/Screenshot+from+2014-06-22+01:35:18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxmAgQ-ez7IKz6R5pT00J6sMqgoTG0cAEbTwwGYHrJLDGZ-OO9ZBIbBXWizv4g1xx57B2fhDdWocdBOEEShh69ABzfMRCfta71kB4HMGLI0PvXdXraqL3vWKLpmb9rxh9oNVwWvPZRpPEu/s1600/Screenshot+from+2014-06-22+01:35:18.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv-5hdoHa86Z7uKX4eJ3ww6JCVrHzx3hV1avtejTyZsNPW7MkF8mdVEGfP3NmL8ucUmyD6NRNaBMBuKVThVjoSmCFkem7hg0xwifgfcdbJTp3m4VgiTzgUa0pgzr-cSB36_sRmw4Jp4RLk/s1600/Screenshot+from+2014-06-22+01:35:43.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv-5hdoHa86Z7uKX4eJ3ww6JCVrHzx3hV1avtejTyZsNPW7MkF8mdVEGfP3NmL8ucUmyD6NRNaBMBuKVThVjoSmCFkem7hg0xwifgfcdbJTp3m4VgiTzgUa0pgzr-cSB36_sRmw4Jp4RLk/s1600/Screenshot+from+2014-06-22+01:35:43.png" width="400" /></a></div> <div class="bbCodeBlock bbCodePHP" style="background-color: #fcfcff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(215, 237, 252); color: #141414; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 20.533334732055664px; margin: 1em 140px 1em 0px; padding: 0px;"><div class="type" style="background: url(http://sinhvienhufi.com/styles/default/xenforo/gradients/form-button-white-25px.png) 50% 0% repeat-x rgb(215, 237, 252); border-bottom-color: rgb(165, 202, 228); border-bottom-style: solid; border-bottom-width: 1px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #6cb2e4; font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 11px; margin: 0px; padding: 3px 8px;">PHP:</div><div class="code" style="background: url(http://sinhvienhufi.com/styles/default/xenforo/gradients/category-23px-light.png) 50% 0% repeat-x rgb(240, 247, 252); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; direction: ltr; font-family: Consolas, 'Courier New', Courier, monospace; font-size: 10pt; line-height: 1.24; margin: 0px; max-height: 500px; min-height: 30px; overflow: auto; padding: 10px; white-space: nowrap; word-wrap: normal;"><code style="font-style: inherit; font-weight: inherit; line-height: 13.333332061767578px; margin: 0px; padding: 0px;"><TableLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:background="#FF000000"     tools:context=".MainActivity" >          <TextView         android:id="@+id/edt_output"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:ems="10"         android:gravity="right"         android:textSize="15sp" />     <TableRow         android:layout_width="fill_parent"         android:layout_height="60sp"         android:background="#FF000000" >         <EditText             android:id="@+id/edt"             android:layout_width="match_parent"             android:layout_height="60sp"             android:layout_weight="0.9"             android:gravity="right"             android:inputType="number"             android:text="9x8"             android:textColor="#FFFFFFFF"             android:textSize="35sp" >             <requestFocus />         </EditText>     </TableRow>          <TableRow         android:layout_width="fill_parent"         android:layout_height="60sp"         android:background="#FF000000" >         <Button             android:id="@+id/btnSpace"             android:layout_width="match_parent"             android:layout_height="50sp"             android:layout_marginLeft="2sp"             android:layout_weight="0.6"             android:background="#FF252222" >         </Button>         <Button             android:id="@+id/btnDelete"             android:layout_width="match_parent"             android:layout_height="50sp"             android:layout_marginLeft="3sp"             android:layout_marginRight="2sp"             android:layout_weight="0.3"             android:background="#FF252222"             android:onClick="btnNumberClick"             android:text="DELETE"             android:textColor="#FFFFFFFF" >         </Button>     </TableRow>     <TableLayout         android:layout_width="fill_parent"         android:layout_height="fill_parent"         android:layout_marginRight="3sp"         android:layout_marginTop="3sp" >                  <TableRow             android:id="@+id/tableRow1"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:layout_weight="0.250" >             <Button                 android:id="@+id/btnNumber7"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF746C6C"                 android:onClick="btnNumberClick"                 android:text="7"                 android:textColor="#FFFFFFFF"                 android:textSize="60sp" >             </Button>             <Button                 android:id="@+id/btnNumber8"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF746C6C"                 android:onClick="btnNumberClick"                 android:text="8"                 android:textColor="#FFFFFFFF"                 android:textSize="60sp" >             </Button>             <Button                 android:id="@+id/btnNumber9"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF746C6C"                 android:onClick="btnNumberClick"                 android:text="9"                 android:textColor="#FFFFFFFF"                 android:textSize="60sp" >             </Button>             <Button                 android:id="@+id/btnChia"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF252222"                 android:onClick="btnNumberClick"                 android:text="/"                 android:textColor="#FFFFFFFF"                 android:textSize="40sp" >             </Button>         </TableRow>                  <TableRow             android:id="@+id/tableRow2"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:layout_marginTop="2sp"             android:layout_weight="0.250" >             <Button                 android:id="@+id/btnNumber4"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF746C6C"                 android:onClick="btnNumberClick"                 android:text="4"                 android:textColor="#FFFFFFFF"                 android:textSize="60sp" >             </Button>             <Button                 android:id="@+id/btnNumber5"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF746C6C"                 android:onClick="btnNumberClick"                 android:text="5"                 android:textColor="#FFFFFFFF"                 android:textSize="60sp" >             </Button>             <Button                 android:id="@+id/btnNumber6"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF746C6C"                 android:onClick="btnNumberClick"                 android:text="6"                 android:textColor="#FFFFFFFF"                 android:textSize="60sp" >             </Button>             <Button                 android:id="@+id/btnNhan"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF252222"                 android:onClick="btnNumberClick"                 android:text="x"                 android:textColor="#FFFFFFFF"                 android:textSize="40sp" >             </Button>         </TableRow>                  <TableRow             android:id="@+id/tableRow3"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:layout_marginTop="2sp"             android:layout_weight="0.250" >             <Button                 android:id="@+id/btnNumber1"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF746C6C"                 android:onClick="btnNumberClick"                 android:text="1"                 android:textColor="#FFFFFFFF"                 android:textSize="60sp" >             </Button>             <Button                 android:id="@+id/btnNumber2"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF746C6C"                 android:onClick="btnNumberClick"                 android:text="2"                 android:textColor="#FFFFFFFF"                 android:textSize="60sp" >             </Button>             <Button                 android:id="@+id/btnNumber3"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF746C6C"                 android:onClick="btnNumberClick"                 android:text="3"                 android:textColor="#FFFFFFFF"                 android:textSize="60sp" >             </Button>             <Button                 android:id="@+id/btnTru"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF252222"                 android:onClick="btnNumberClick"                 android:text="-"                 android:textColor="#FFFFFFFF"                 android:textSize="40sp" >             </Button>         </TableRow>                  <TableRow             android:id="@+id/tableRow4"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:layout_marginBottom="2sp"             android:layout_marginTop="2sp"             android:layout_weight="0.250" >             <Button                 android:id="@+id/btnCham"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF746C6C"                 android:onClick="btnNumberClick"                 android:text="."                 android:textColor="#FFFFFFFF"                 android:textSize="60sp" >             </Button>             <Button                 android:id="@+id/btnNumber0"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF746C6C"                 android:onClick="btnNumberClick"                 android:text="0"                 android:textColor="#FFFFFFFF"                 android:textSize="60sp" >             </Button>             <Button                 android:id="@+id/btnBang"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF252222"                 android:onClick="btnNumberClick"                 android:text="="                 android:textColor="#FFFFFFFF"                 android:textSize="60sp" >             </Button>             <Button                 android:id="@+id/btnCong"                 android:layout_width="fill_parent"                 android:layout_height="fill_parent"                 android:layout_marginLeft="2sp"                 android:layout_weight="0.25"                 android:background="#FF252222"                 android:onClick="btnNumberClick"                 android:text="+"                 android:textColor="#FFFFFFFF"                 android:textSize="40sp" >             </Button>         </TableRow>     </TableLayout> </TableLayout></code></div></div> <pre class="csharp"><TableLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#FF000000" tools:context=".MainActivity" >  <TableRow android:layout_width="fill_parent" android:layout_height="60sp" android:background="#FF000000" > <EditText android:id="@+id/edt_Output" android:layout_width="match_parent" android:layout_height="60sp" android:layout_weight="0.9" android:inputType="number" android:text="9x8" android:textColor="#FFFFFFFF" android:textSize="35sp" > <requestFocus /> </EditText> </TableRow>  <TableRow android:layout_width="fill_parent" android:layout_height="60sp" android:background="#FF000000" > <Button android:id="@+id/btnSpace" android:layout_width="match_parent" android:layout_height="50sp" android:layout_marginLeft="2sp" android:layout_weight="0.6" android:background="#FF252222" > </Button> <Button android:id="@+id/btnDelete" android:layout_width="match_parent" android:layout_height="50sp" android:layout_marginLeft="3sp" android:layout_marginRight="2sp" android:layout_weight="0.3" android:background="#FF252222" android:onClick="btnClick" android:text="DELETE" android:textColor="#FFFFFFFF" > </Button> </TableRow> <TableLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginRight="3sp" android:layout_marginTop="3sp" >  <TableRow android:id="@+id/tableRow1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="0.250" > <Button android:id="@+id/btnNumber7" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF746C6C" android:text="7" android:textColor="#FFFFFFFF" android:textSize="60sp" > </Button> <Button android:id="@+id/btnNumber8" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF746C6C" android:text="8" android:textColor="#FFFFFFFF" android:textSize="60sp" > </Button> <Button android:id="@+id/btnNumber9" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF746C6C" android:text="9" android:textColor="#FFFFFFFF" android:textSize="60sp" > </Button> <Button android:id="@+id/btnChia" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF252222" android:text="/" android:textColor="#FFFFFFFF" android:textSize="40sp" > </Button> </TableRow>  <TableRow android:id="@+id/tableRow2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="2sp" android:layout_weight="0.250" > <Button android:id="@+id/btnNumber4" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF746C6C" android:text="4" android:textColor="#FFFFFFFF" android:textSize="60sp" > </Button> <Button android:id="@+id/btnNumber5" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF746C6C" android:text="5" android:textColor="#FFFFFFFF" android:textSize="60sp" > </Button> <Button android:id="@+id/btnNumber6" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF746C6C" android:text="6" android:textColor="#FFFFFFFF" android:textSize="60sp" > </Button> <Button android:id="@+id/btnNhan" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF252222" android:text="×" android:textColor="#FFFFFFFF" android:textSize="40sp" > </Button> </TableRow>  <TableRow android:id="@+id/tableRow3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="2sp" android:layout_weight="0.250" > <Button android:id="@+id/btnNumber1" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF746C6C" android:text="1" android:textColor="#FFFFFFFF" android:textSize="60sp" > </Button> <Button android:id="@+id/btnNumber2" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF746C6C" android:text="2" android:textColor="#FFFFFFFF" android:textSize="60sp" > </Button> <Button android:id="@+id/btnNumber3" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF746C6C" android:text="3" android:textColor="#FFFFFFFF" android:textSize="60sp" > </Button> <Button android:id="@+id/btnTru" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF252222" android:text="-" android:textColor="#FFFFFFFF" android:textSize="40sp" > </Button> </TableRow>  <TableRow android:id="@+id/tableRow4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="2sp" android:layout_marginTop="2sp" android:layout_weight="0.250" > <Button android:id="@+id/btnCham" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF746C6C" android:text="." android:textColor="#FFFFFFFF" android:textSize="60sp" > </Button> <Button android:id="@+id/btnNumber0" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF746C6C" android:text="0" android:textColor="#FFFFFFFF" android:textSize="60sp" > </Button> <Button android:id="@+id/btnBang" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF252222" android:text="=" android:textColor="#FFFFFFFF" android:textSize="60sp" > </Button> <Button android:id="@+id/btnCong" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="2sp" android:layout_weight="0.25" android:background="#FF252222" android:text="+" android:textColor="#FFFFFFFF" android:textSize="40sp" > </Button> </TableRow> </TableLayout> </TableLayout></pre>

Thiết kế giao diện Android - App Calculation Android Studio

Đối với lập trình trên thiết bị di động thiết kế giao diện quá một vấn đề cực kỳ quan trọng. Bởi App của bạn có được người dùng ưa thích khô...

Học Thiết Kế Web

quảng cáo

Thiết kế giao diện Android - App Calculation Android Studio

Biểu mẫu liên hệ