android - 将图像放在透明textview的顶部

时间:2017-06-19 11:42:41

标签: android xml android-layout

我正在尝试在android中设计一个布局,其中imageview放置在文本视图的顶部,下面是透明文本和其他文本。这是我尝试的代码片段

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:padding="10dp"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<ImageView
        android:id="@+id/image"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:src="@drawable/writeups" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toEndOf="@id/image"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tips_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:text="tips_title"
            android:textSize="20sp" />

        <TextView
            android:id="@+id/tips_writeup"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toEndOf="@id/image"
            android:text="Tips writeups"
            android:textSize="15sp" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tips_share"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:text="SHARE"
            android:textSize="20sp" />

        <TextView
            android:id="@+id/tips_readmore"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="READ MORE"
            android:textSize="15sp" />

    </LinearLayout></RelativeLayout>

到目前为止,我怎样才能实现上述目标。

2 个答案:

答案 0 :(得分:1)

1。使用LinearLayout作为根布局并使用属性android:orientation="vertical"

2。RelativeLayout添加为LinearLayout的直接子项,并将ImageViewTextView置于RelativeLayout内。使用android:layout_alignParentBottom="true"TextView将其对齐ImageView

的底部

3。TextView RelativeLayout tips_writeup下面添加另一个Share

4。对于Read MoreLinearLayout,请使用android:orientation="horizontal"作为带有属性Button的容器。将style="?android:attr/borderlessButtonStyle"TextView一起使用,而不是<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:background="@android:color/white"> <RelativeLayout android:layout_width="match_parent" android:layout_height="150dp"> <ImageView android:id="@+id/image" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerCrop" android:src="@drawable/dummy" /> <TextView android:id="@+id/tips_title" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:padding="16dp" android:maxLines="1" android:ellipsize="end" android:text="Tips Title" android:textSize="18sp" android:textColor="@android:color/white" android:textStyle="bold" android:background="#88000000"/> </RelativeLayout> <TextView android:id="@+id/tips_writeup" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="16dp" android:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium elit eu purus viverra, eu lobortis mi malesuada" android:maxLines="2" android:ellipsize="end" android:textSize="16sp" android:textColor="#727272"/> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" android:layout_margin="4dp"> <TextView android:id="@+id/tips_share" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="SHARE" android:textColor="@android:color/holo_blue_light" android:textStyle="bold" style="?android:attr/borderlessButtonStyle"/> <TextView android:id="@+id/tips_readmore" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="READ MORE" android:textColor="#727272" android:textStyle="bold" style="?android:attr/borderlessButtonStyle"/> </LinearLayout> </LinearLayout>

更新您的布局结构,如下所示:

Public Function GetLinkedDBName(TableName As String)

Dim tblTable As TableDef
Dim strReturn As String
Dim i As Integer

On Error GoTo Error_NoTable ' Handles table not found

'---------------------------------------------------------------
'
i = 0
On Error GoTo Error_GetLinkedDBName ' Normal error handling

For Each tblTable In db.TableDefs
    If tblTable.Name = TableName Then
        strReturn = tblTable.Connect

        strReturn = db.TableDefs(i).Connect
        Exit For
    End If
    i = i + 1
    Next tblTable

<强>输出:

enter image description here

希望这会有所帮助〜

答案 1 :(得分:0)

对于Textview

机器人:背景= “#CCD3D3D3”

寻求答案

mongoose