android開發------編寫使用者介面之線性布局

來源:互聯網
上載者:User

一個好的應用程式離不開人性化的使用者介面。在學習其他東西之前。理應先學習編寫程式的布局(外觀)

今天,我們就來學習android的UI布局----LinearLayout。

LinearLayout,即線性布局。從名字我們就可以知道,它的元素是線型排列的。

注意:在以後的部分代碼編寫當中,我們採用硬式編碼方式將字串值寫入中,

不會另外在strings.xml檔案中定義字串值,這個時候eclipse IDE會出現黃色的底線警告,我們忽略就可以了

主要知識點:

  

                                                                                                       

 看一下運行效果

    

 接下來我們解釋一下代碼的結構和原理

  我們編寫了一個LinearLayout的布局,需要注意的是,LinearLayout標籤必須是一個根項目,它的外面不能出現任何元素。但是裡面能嵌套任何布局元素。即,最外層的布局不能有兄弟元素(同級元素)

因此,下面的情況不能出現

                       

 

現在知道什麼是線性布局了吧   

  它們一個跟在另一個的後面排列,就像一條線一樣。

認識新標籤:

<EditText />:文字框,用於接收使用者的輸入

<Button />:按鈕,當使用者點擊的時候處理相應的事件

設定元素屬性:

我們主要簡單說一下下面的幾個屬性,其他的可以自己研究一下。

      ="fill_parent" 

    

android:layout_height

    android:orientation

="center"

    

="@+id/idName"

   

 

那麼,第二個文字框中的效果又是怎樣實現的呢

   很簡單,就是,這樣,我們看到的就是一個個黑點,而不是我們輸入的字母和數字等

 

 上面的代碼中,的值是,現在我們將它換成,看又是什麼情況

 

View Code

 

  

沒有錯,元素現在向水平方向排列,我們再添加多幾個元素看看

                                           

 運行效果:

    

 

亂套了,為什麼

  當水平排列的時候,如果元素的長度超過activity本身的長度的時候,元素就會溢出,導致部分元素無法顯示。

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.