这种布局怎么弄

zzxap 2014-09-30 09:57:46

每行都是这种布局，左边是图片，右边是文字说明和一些按钮

...全文

493 11 打赏收藏转发到动态举报

写回复

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

dali_yan 2014-10-27

打赏
举报

回复

直接用LinearLayout搞定，你需要拆解佈局，從整體到局部，整體看來是左右水平佈局：左邊是圖片，右邊是一個LinearLayout佈局，在拆解右邊，右邊的佈局可以看成是2個水平佈局的LineraLayOut


<LinearLayout 
    android:orientation="horizontal">
    <ImageView />
    <LinearLayout 
        android:orientation="horizontal">
        <LinearLayout 
            android:orientation="vertical">
            ....
        </LinearLayout>
         <LinearLayout 
            android:orientation="vertical">
            ....
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

落幕-无悔 2014-10-27

打赏
举报

回复

使用ListView,然后自己写ListView的适配器，把listView的Item布局写成和你需要的布局就OK了

MR__P 2014-10-27

打赏
举报

回复

markdandan 2014-10-26

打赏
举报

回复

listview 和 RelativeLayout

dai_jiawei 2014-10-26

打赏
举报

回复

GridLayout来布局这个。然后将其作为一个子项放入到ListView中。

svenwang 2014-09-30

打赏
举报

回复

整体是个ListView，然后每个item的布局是这样：


<LinearLayout android:orientation="horizontal">
	<ImageView />
	<LinearLayout android:orientation="vertical">
		<LinearLayout android:orientation="horizontal">
		</LinearLayout>
		<LinearLayout android:orientation="horizontal">
		</LinearLayout>
	</LinearLayout>
</LinearLayout>

zzxap 2014-09-30

打赏
举报

回复

写一个。。我用RelativeLayout弄了好久。

csdn_02 2014-09-30

打赏
举报

回复

2楼正解...

s_wenze 2014-09-30

打赏
举报

回复

整体用listview,你的截图就是item的布局,item布局可以就用RelativeLayout

红袖满楼招 2014-09-30

打赏
举报

回复

每行都是就用listview吧

李狗剩 2014-09-30

打赏
举报

回复

你可以要先用先对布局写,然后在用 listview实现就好了

这个资源是转载别人的，为了方便自己和他人以后使用，特意整理后上传到这里备用。

这种布局怎么弄？

表格布局在历史上遭到很多人的摒弃，说表格布局麻烦，操作比较繁琐，其实这是一种误解，在很多场景中，表格布局还是很适用的，比如这个三栏布局，用表格布局就轻易写出来了。缺点就是，绝对定位是脱离文档流的，意味着下面的所有子元素也会脱离文档流，这就导致了这种方法的有效性和可使用性是比较差的。表格布局也是有缺陷的，当其中一个单元格高度超出的时候，两侧的单元格也是会跟着一起变高的，而有时候这种效果不是我们想要的。浮动布局是有局限性的，浮动元素是脱离文档流，要做清除浮动，这个处理不好的话，会带来很多问题，比如高度塌陷等。

关键字：微信小程序文字排版布局，微信小程序文字换行布局，微信小程序文字自动布局，微信小程序流式布局，微信小程序文字版瀑布流布局类似这种效果：额，具体这叫啥布局，问了几个人，不同人有不同的回答，我自己也叫不出啥名了，写这么多标签，是为了能想起这种布局界面，但是不知道该怎么搜关键词的童鞋们多一些标签，也增加一些能搜到的可能性。具体效果如下所示，文字放不开的话，就另起一行，放的开就继续往后排。效果如下：代码实现： .wxml <view class='itemsMainView'>

两栏布局是一种常见的网页设计模式，它将页面分为两个主要区域：主内容区域和侧边栏。这种布局方式不仅能够提供清晰的内容结构，还能够提高页面的可读性和用户体验。随着Web技术的发展，实现两栏布局的方法也越来越多样化。本文将详细介绍几种常见的两栏布局实现方法，包括浮动布局、Flex布局和Grid布局，并提供代码示例和详细解释，帮助开发者更好地理解和运用这些布局技术。

80,471

社区成员

91,384

社区内容

发帖

与我相关

我的任务

androidandroid-studioandroidx 技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章