두 텍스트 줄 사이에 세로 구분선을 그리는 방법 android?

상대 레이아웃의 상단과 하단 사이에 두 개의 수평 뷰 라인 (id는 view2 및 view 3)을 사용하고 있습니다. 두 텍스트 사이에 뷰 라인을 수직으로 배치하는 방법. 다음은 예상 출력의 코드와 스크린 샷입니다.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<RelativeLayout
    android:id="@+id/delivery_address"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/address_layout"
    android:layout_margin="10dp"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/delivery_phone"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/delivery_country"
        android:layout_marginLeft="7dp"
        bold=""
        android:paddingLeft="6dp"
        android:paddingTop="5dp"
        android:text="Phone: 12345678
        android:textStyle=" />
</RelativeLayout>

<View
    android:id="@+id/view2"
    android:layout_width="wrap_content"
    android:layout_height="1dp"
    android:layout_below="@+id/delivery_address"
    android:layout_centerVertical="true"
    android:background="#cfcfcf" />

<RelativeLayout
    android:id="@+id/delivery_edit_delete_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/view2"
    android:layout_margin="8dp"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/delivery_edit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="7dp"
        android:drawableLeft="@drawable/delivery_edit"
        android:drawablePadding="5dp"
        android:paddingLeft="20dp"
        android:text="Edit"
        android:textColor="#555555" />

    <TextView
        android:id="@+id/delivery_delete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginRight="7dp"
        android:layout_toLeftOf="@+id/delivery_edit"
        android:drawableLeft="@drawable/delivery_delete"
        android:drawablePadding="5dp"
        android:paddingRight="20dp"
        android:text="Delete"
        android:textColor="#555555" />
</RelativeLayout>

<View
    android:id="@+id/view3"
    android:layout_width="wrap_content"
    android:layout_height="1dp"
    android:layout_below="@+id/delivery_edit_delete_layout"
    android:layout_centerVertical="true"
    android:background="#cfcfcf" />

예상 출력 :

여기에 이미지 설명 입력

My output is:

여기에 이미지 설명 입력

조르디 시켄스

내가 할 것 :

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout     xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >

    <RelativeLayout
    android:id="@+id/delivery_address"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/address_layout"
    android:layout_margin="10dp"
     android:orientation="horizontal" >

        <TextView
        android:id="@+id/delivery_phone"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/delivery_country"
        android:layout_marginLeft="7dp"
        android:paddingLeft="6dp"
        android:paddingTop="5dp"
        android:text="Phone: 12345678
        android:textStyle="bold" />
    </RelativeLayout>

    <View
    android:id="@+id/view2"
    android:layout_width="wrap_content"
    android:layout_height="1dp"
    android:layout_below="@+id/delivery_address"
    android:layout_centerVertical="true"
    android:background="#cfcfcf" />

    <RelativeLayout
    android:id="@+id/delivery_edit_delete_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/view2"
    android:orientation="horizontal" >

        <LinearLayout
        android:id="container_for_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >

            <TextView
            android:id="@+id/delivery_edit"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_gravity="center" (Or try android:gravity)
            android:layout_marginLeft="7dp"
            android:drawableLeft="@drawable/delivery_edit"
            android:drawablePadding="5dp"
            android:paddingLeft="20dp"
            android:text="Edit"
            android:textColor="#555555" />

            <View
            android:id="@+id/innerLine"
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="#cfcfcf" />

            <TextView
            android:id="@+id/delivery_delete"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_gravity="center" (Or try android:gravity)
            android:layout_marginRight="7dp"
            android:layout_toLeftOf="@+id/delivery_edit"
            android:drawableLeft="@drawable/delivery_delete"
            android:drawablePadding="5dp"
            android:paddingRight="20dp"
            android:text="Delete"
            android:textColor="#555555" />

        </LinearLayout>
    </RelativeLayout>

    <View
    android:id="@+id/view3"
    android:layout_width="wrap_content"
    android:layout_height="1dp"
    android:layout_below="@+id/delivery_edit_delete_layout"
    android:layout_centerVertical="true"
    android:background="#cfcfcf" />
</RelativeLayout>

LinearLayout을 사용하면 두 가지 중간에 배치됩니다. 이 코드가 도움이되기를 바랍니다! 나는 아직 그것을 시도하지 않았으므로 나를 위해 그것을 테스트해야합니다!

편집 : 중앙에 배치되도록 업데이트되었습니다 (layout_gravity / gravity가 모두 실패하면 LinearLayout에서 android : gravity를 사용해보십시오).

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

원에서 두 줄의 텍스트 사이의 간격을 줄이는 방법

분류에서Dev

메모장 ++에서 여러 줄에 걸쳐 두 구분 기호 사이의 텍스트를 바꾸는 방법

분류에서Dev

TradingView API 자바 스크립트에서 두 줄 세리 사이의 영역을 채우는 방법

분류에서Dev

텍스트 파일에서 열을 두 개의 탭으로 구분 된 열로 분리하는 방법

분류에서Dev

Specflow에서 두 줄로 된 성공 텍스트 메시지의 유효성을 검사하는 방법

분류에서Dev

RxJava로 텍스트 줄을 동시에 처리하는 방법

분류에서Dev

텍스트 파일에서 쉼표로 구분 된 줄에서 특정 줄과 값을 얻는 방법

분류에서Dev

정규식을 사용하여 두 줄 사이에 관련 텍스트를 추출하는 방법

분류에서Dev

두 문자열 사이의 줄을 첫 번째 문자열과 부분적으로 일치하는 새 텍스트 파일로 복사하는 방법

분류에서Dev

CSS에서 동일한 텍스트의 두 줄 사이에 약간의 공간을 제공하는 방법

분류에서Dev

구분 기호를 사용하여 두 줄을 한 줄로 감싸는 방법

분류에서Dev

구분 기호를 사용하여 두 줄을 한 줄로 감싸는 방법

분류에서Dev

스캐너를 사용하여 텍스트 파일을 두 부분으로 구문 분석하는 방법

분류에서Dev

두 개의 에코 출력을 별도의 줄에 텍스트 파일로 만드는 방법

분류에서Dev

텍스트 파일의 한 줄에서 두 문자 사이의 공백을 제거하는 방법

분류에서Dev

텍스트 방향이 세로 인 테이블 셀에 줄 바꿈을 입력하는 방법 (Libreoffice Writer)?

분류에서Dev

텍스트 랩으로 두 번째 줄을 들여 쓰는 방법?

분류에서Dev

세게 때리다. 태그 사이에 여러 줄 텍스트를 가져 오는 방법

분류에서Dev

Java의 .txt 파일에서 같은 줄에 두 개의 구분 기호로 텍스트를 분할하는 방법은 무엇입니까?

분류에서Dev

c # 텍스트 파일의 줄을 두 개의 동일한 부분으로 나누고 두 개의 다른 목록 상자에 표시하는 방법

분류에서Dev

그림자없이 두 번째로 텍스트를 그리는 방법?

분류에서Dev

그림자없이 두 번째로 텍스트를 그리는 방법?

분류에서Dev

텍스트로 두 점 사이에 선 그리기

분류에서Dev

두 개의 텍스트 줄에서 특정 정보를 얻고 그로부터 파일 이름을 조합하는 방법

분류에서Dev

쉼표로 구분 된 텍스트 파일에서 읽은 줄에 하위 문자열을 만드는 방법

분류에서Dev

docxtemplater로 텍스트 뒤에 줄 바꿈을 넣는 방법

분류에서Dev

각 텍스트 줄을 쉼표로 구분하고 배열에 넣는 방법은 무엇입니까?

분류에서Dev

캔버스에 모두 대문자로 텍스트를 그리는 방법

분류에서Dev

두 로그 사이에 새 줄 또는 구분 기호를 추가하는 방법

Related 관련 기사

  1. 1

    원에서 두 줄의 텍스트 사이의 간격을 줄이는 방법

  2. 2

    메모장 ++에서 여러 줄에 걸쳐 두 구분 기호 사이의 텍스트를 바꾸는 방법

  3. 3

    TradingView API 자바 스크립트에서 두 줄 세리 사이의 영역을 채우는 방법

  4. 4

    텍스트 파일에서 열을 두 개의 탭으로 구분 된 열로 분리하는 방법

  5. 5

    Specflow에서 두 줄로 된 성공 텍스트 메시지의 유효성을 검사하는 방법

  6. 6

    RxJava로 텍스트 줄을 동시에 처리하는 방법

  7. 7

    텍스트 파일에서 쉼표로 구분 된 줄에서 특정 줄과 값을 얻는 방법

  8. 8

    정규식을 사용하여 두 줄 사이에 관련 텍스트를 추출하는 방법

  9. 9

    두 문자열 사이의 줄을 첫 번째 문자열과 부분적으로 일치하는 새 텍스트 파일로 복사하는 방법

  10. 10

    CSS에서 동일한 텍스트의 두 줄 사이에 약간의 공간을 제공하는 방법

  11. 11

    구분 기호를 사용하여 두 줄을 한 줄로 감싸는 방법

  12. 12

    구분 기호를 사용하여 두 줄을 한 줄로 감싸는 방법

  13. 13

    스캐너를 사용하여 텍스트 파일을 두 부분으로 구문 분석하는 방법

  14. 14

    두 개의 에코 출력을 별도의 줄에 텍스트 파일로 만드는 방법

  15. 15

    텍스트 파일의 한 줄에서 두 문자 사이의 공백을 제거하는 방법

  16. 16

    텍스트 방향이 세로 인 테이블 셀에 줄 바꿈을 입력하는 방법 (Libreoffice Writer)?

  17. 17

    텍스트 랩으로 두 번째 줄을 들여 쓰는 방법?

  18. 18

    세게 때리다. 태그 사이에 여러 줄 텍스트를 가져 오는 방법

  19. 19

    Java의 .txt 파일에서 같은 줄에 두 개의 구분 기호로 텍스트를 분할하는 방법은 무엇입니까?

  20. 20

    c # 텍스트 파일의 줄을 두 개의 동일한 부분으로 나누고 두 개의 다른 목록 상자에 표시하는 방법

  21. 21

    그림자없이 두 번째로 텍스트를 그리는 방법?

  22. 22

    그림자없이 두 번째로 텍스트를 그리는 방법?

  23. 23

    텍스트로 두 점 사이에 선 그리기

  24. 24

    두 개의 텍스트 줄에서 특정 정보를 얻고 그로부터 파일 이름을 조합하는 방법

  25. 25

    쉼표로 구분 된 텍스트 파일에서 읽은 줄에 하위 문자열을 만드는 방법

  26. 26

    docxtemplater로 텍스트 뒤에 줄 바꿈을 넣는 방법

  27. 27

    각 텍스트 줄을 쉼표로 구분하고 배열에 넣는 방법은 무엇입니까?

  28. 28

    캔버스에 모두 대문자로 텍스트를 그리는 방법

  29. 29

    두 로그 사이에 새 줄 또는 구분 기호를 추가하는 방법

뜨겁다태그

보관