입력 필드에 대해 XAML에서 다른 색상으로 스택 패널을 확장하려면 어떻게해야합니까?

debugcn 에 게시 Dev

DevinEst

I는이 TextBox와 StackPanel같이 입력 필드에 발생한다 아래를. 그렇기 때문에 텍스트 상자를 클릭하자마자 StackPanel아래에있는 새 색상이 HintAssist의 머티리얼 디자인 너깃뿐만 아니라 증가하는 효과를 갖는 효과로 색상을 변경하기를 원합니다.

예를 들면 다음과 같습니다.

이에:

그러나 NuGet 패키지없이 XAML 코드 만 사용합니다. 이것은 지금 내 코드이지만 이것을 만드는 방법을 모릅니다.

<Grid>
  <DockPanel>
    <StackPanel StackPanel Grid.Row="1" Background="#2D2D30"  DockPanel.Dock="Top" Height="78">
      <DockPanel Margin="0,15" >
        <StackPanel DockPanel.Dock="Bottom" Width="152" 
                    Margin="0 0 600 0" Height="1" Background="Black"> 
        </StackPanel>
        <TextBox Foreground="LightBlue" Text="Eingabe" Width="170" Margin="20 0 0 0"
                             FontSize="20" Background="#2D2D30" BorderThickness="0" Height="30">
        </TextBox>
      </DockPanel>
    </StackPanel>
  </DockPanel>
</Grid>

그 남자

StackPanel여기는 필요하지 않습니다 . a Rectangle는 선을 표시하기에 충분해야합니다. 에 이름을 지정할 수 있습니다 TextBox. 당신에 스타일을 추가 Rectangle에 DataTrigger해당 바인딩 TextBox의 이름과 체크하여 IsKeyboardFocusWithin포커스가있는 경우 결정하는 속성을 TextBox. 그래도를 사용하려면 StackPanel쉽게 조정할 수 있습니다.

<DockPanel Margin="0,15">
   <Rectangle DockPanel.Dock="Bottom"
              Width="152"
              Margin="0 0 600 0"
              Height="1">
      <Rectangle.Style>
         <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Fill" Value="Black"/>
            <Style.Triggers>
               <DataTrigger Binding="{Binding IsKeyboardFocusWithin, ElementName=MyTextBox}" Value="True">
                  <Setter Property="Fill" Value="Blue"/>
               </DataTrigger>
            </Style.Triggers>
         </Style>
      </Rectangle.Style>
   </Rectangle>
   <TextBox x:Name="MyTextBox"
            Foreground="LightBlue"
            Text="Eingabe"
            Width="170"
            Margin="20 0 0 0"
            FontSize="20"
            Background="#2D2D30"
            BorderThickness="0"
            Height="30">
   </TextBox>
</DockPanel>

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

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

에서 수정2021-04-6

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

입력 필드에 대해 XAML에서 다른 색상으로 스택 패널을 확장하려면 어떻게해야합니까?

입력 필드에 대해 XAML에서 다른 색상으로 스택 패널을 확장하려면 어떻게해야합니까?

Xterm : 한 터미널 탭에서 다른 탭으로 직접 입력하려면 어떻게해야합니까?

첫 번째 처리 된 이미지 (예 : Canny Filter)의 출력을 다른 프로세스 필터에 입력하려면 어떻게해야합니까?

Google지도에서 지역을 다른 색상으로 표시하려면 어떻게해야합니까?

명령 줄에서 bash에 대한 정확한 입력을 검색하려면 어떻게해야합니까?

다른 스레드에서 패널을 채우려면 어떻게해야합니까?

플레이에서 다른 양식 입력을 확인하려면 어떻게해야합니까?

텍스트 필드 입력을 세로로 가운데에 두려면 어떻게해야합니까?

그래프 내에서 사용하기 위해 다른 입력 및 출력 유형으로 흐름을 생성하려면 어떻게해야합니까?

React에서 포스트 요청으로 입력 값을 제출하려면 어떻게해야합니까?

Netbeans에서 .js가 아닌 다른 확장자로 자바 스크립트 파일을 작성하려면 어떻게해야합니까?

실패한 테스트 케이스에 대한 전체 입력을 인쇄하기 위해 PHPUnit을 얻으려면 어떻게해야합니까?

선택한 색상을 색상 드롭 다운 상자에 추가하려면 어떻게해야합니까?

emacs 매크로에서 빠른 매크로 확장 실패를 피하려면 어떻게해야합니까?

입력 필드 내에서 특정 수학 계산을 수행하고 결과를 다른 필드에 채우려면 어떻게해야합니까?

여러 입력 상자의 값을 로컬 저장소에 저장하려면 어떻게해야합니까?

내 텍스트에 주황색으로 색상을 지정하려면 어떻게해야합니까?

Google 스프레드 시트에서 다른 셀의 값을 기준으로 필터링하려면 어떻게해야합니까?

입력 텍스트 상자의 값을 URL API 호출에 결합하려면 어떻게해야합니까?

상대 경로를 사용하지 않고 다른 규칙에서 bazel 규칙의 출력에 액세스하려면 어떻게해야합니까?

Altair : 최대 값을 기준으로 패싯 그리드에서 선 스타일을 다르게 지정하려면 어떻게해야합니까?

Shiny의 다른 입력 값을 기반으로 입력에 제한 및 제한된 접근성을 적용하려면 어떻게해야합니까?

다른 AppCompatActivity 클래스의 단편에 WebView URL을로드하려면 어떻게해야합니까?

서로 다른 색상에 대해 두 개의 버튼을 사용하여 표 셀 (td)의 배경색을 변경하려면 어떻게해야합니까?

장치에 따라 다른 스토리 보드를로드하려면 어떻게해야합니까?

Kdenlive에서 클립을 다른 클립으로 대체하려면 어떻게해야합니까?

네트워크의 다른 노드에 다른 색상을 할당하려면 어떻게해야합니까?

텍스트가 포함 된 경우 마우스 오버 모드에서 입력을 그대로 유지하려면 어떻게해야합니까?

JavaScript로 파일 확장자 앞에 텍스트를 삽입하려면 어떻게해야합니까?

DocumentDb, 원본 문서에 필드 이름이 없을 때 소스를 더 작은 하위 집합으로 줄이고 다른 모양으로 출력하려면 어떻게해야합니까?