最新消息:VPS服务器又从fzhost.net换回Linode了,主题仍用朋友推荐的大前端D8

【已解决】ADT中实现控件的多行布局显示

Android crifan 907浏览 0评论

【问题】

ADT中,一个app,原先的显示是这样的:

single line text button

即,文本框和按钮都在同一行,

对应的xml内容为:

<LinearLayout 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:orientation="horizontal"
    tools:context=".MainActivity" >

    <!-- 
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="@string/hello_world" />
 	-->
 	
 	<EditText 
 	    android:id="@+id/song_id"
 	    android:layout_width="0dp"
 	    android:layout_height="wrap_content"
 	    android:hint="@string/song_id"
 	    android:layout_weight="1" android:inputType="text"/>
    
 	<Button
 	    android:layout_width="wrap_content"
 	    android:layout_height="wrap_content"
 	    android:onClick="preformDownload"
 	    android:text="@string/btn_download" />

</LinearLayout>

现在,希望将两个控件,不在同一行,分多行显示。搞懂多行布局控件的逻辑。

【解决过程】

1.后来想到了,应该去搜索布局方面的。

2.然后找到了LinearLayout,又想到了,应该找和LinearLayout相对应的,其他的布局。

3.参考:

Android中的各种布局

找到了其他几个布局:

AbsoluteLayout

RelativeLayout

FrameLayout

TableLayout

4.然后就是找找哪个适合我这里的情况。

自己随便试了试,把xml改为:

<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:orientation="horizontal"
    tools:context=".MainActivity" >

    <!-- 
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="@string/hello_world" />
 	-->
 	
 	<EditText 
 	    android:id="@+id/song_id"
 	    android:layout_width="0dp"
 	    android:layout_height="wrap_content"
 	    android:hint="@string/song_id"
 	    android:layout_weight="1" android:inputType="text"/>
    
 	<Button
 	    android:layout_width="wrap_content"
 	    android:layout_height="wrap_content"
 	    android:onClick="preformDownload"
 	    android:text="@string/btn_download" />

</TableLayout>

然后效果就变为:

text up button down

5.参考:

Android UI学习 – TableLayout

去折腾折腾xml代码配置。

代码改为:

<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:orientation="horizontal"
    tools:context=".MainActivity" >

    <!-- 
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="@string/hello_world" />
 	-->
 	
 	<TableRow>
	 	<EditText 
	 	    android:id="@+id/song_id"
	 	    android:layout_width="0dp"
	 	    android:layout_height="wrap_content"
	 	    android:hint="@string/song_id"
	 	    android:layout_weight="1" android:inputType="text"/>
    </TableRow>
    
    <TableRow>
	 	<Button
	 	    android:layout_width="wrap_content"
	 	    android:layout_height="wrap_content"
	 	    android:onClick="preformDownload"
	 	    android:text="@string/btn_download" />
 	</TableRow>

</TableLayout>

效果为:

button left

 

好了,到此为止,至少已经实现了,控件的多行的布局。

 

【总结】

将原先的LinearLayout改为TableLayout,就可以实现,控件多行布局显示了。

只是,此处很明显,按钮左对齐了, 想要改为水平中间对齐,详细折腾过程参见:

【已解决】ADT中已设置TableLayout布局的情况下如何设置按钮居中对齐

转载请注明:在路上 » 【已解决】ADT中实现控件的多行布局显示

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
15 queries in 0.318 seconds, using 10.33MB memory